React에서의 typescript

김범주·2022년 7월 16일
0

typescript

목록 보기
16/23
post-thumbnail
let 박스 :JSX.Element = <div></div>
let 버튼 :JSX.Element = <button></button>
//기본적인 typescript 사용
------------------------------------------------------------------------------------
let 박스 :JSX.IntrinsicElements['div'] = React.createElement('div');
let 버튼 :JSX.IntrinsicElements['button'] = <button></button>;
//어떤 element인지 좀 더 정확하게!
------------------------------------------------------------------------------------
type AppProps = {
  name: string;
}; 

function App (props: AppProps) :JSX.Element {
  return (
    <div>{message}</div>
  )
}
//props와 return값도 타입지정!
------------------------------------------------------------------------------------
const [user, setUser] = useState<string | null>('kim');
//useState도 타입을 지정해주기

내용 추후 추가 예정

profile
개발꿈나무

0개의 댓글