[타입스크립트] 연습장

interface Istate {
  people:{
    age:number,
    name:string,
    note?:string,
  }[]
}

function App() {
  const [people, setPeople] = useState<Istate["people"]>([])

 

prop으로 들어가는것도 타입지정해줘야함다.

 

<List people={people}/>

interface IProps {
  people:{
    age:number,
    name:string
  }[]
}

function List({people}:IProps) {
  return (
    <div>
      I am List
    </div>
  )
}

===

const List : React.FC<IProps> = () => {
  return (
    <div>
      I am List
    </div>
  )
}

두가지가 같은표현이다.

 

 

const renderList = () : JSX.Element[]