React - props로 useState의 setState 넘기기

da.circle·2023년 4월 10일
0

React에서 TypeScript를 사용할 때, useState의 setter함수를 자식컴포넌트에 props로 넘겨야 할 때가 있다.

// 부모 컴포넌트
const [isState, setIsState] = useState(false);

<ChildComponent setIsState={setIsState} />

// 자식 컴포넌트
interface PropsType {
  setIsState: React.Dispatch<React.SetStateAction<boolean>>;
}

React.Dispatch<React.SetStateAction<state타입>>

위와 같이 타입을 지정해주면 된다고 한다.

출처) [Typescript] React - useState를 props로 전달할 때의 타입 선언

profile
프론트엔드 개발자를 꿈꾸는 사람( •̀ ω •́ )✧

0개의 댓글

관련 채용 정보