React children type 이 궁금합니다..

Question

function DefaultLayout({ children }: any) { return ( <>

heder

{children}

footer

) } export default DefaultLayout import DefaultLayout from 'components/common-components/Layouts/DefaultLayout' const Test = () => { return (

어쩌구

) } export default Test 이런식으로 만드려고하는데 Test 컴포넌트 리턴값은 JSX element type 이지만,children type 정의를 jsx element 로 하면 에러가 발생합니다.type any 를 사용하고 싶지 않은데 어떤 타입을 써야할까요..

songline · Accepted Answer

React children with typescript. 리액트 children 컴포넌트 타이핑 (tistory.com)도움이 되실 것 같습니다.

js_ · Answer

https://reactjs.org/docs/typechecking-with-proptypes.html

gredo · Answer

children은 보편적으로 ReactNode 타입으로 정의하시면 됩니다.import type { ReactNode } from 'react'; function DefaultLayout({ children }: ReactNode) { ... } export default DefaultLayout;또는import React from 'react'; function DefaultLayout({ children }: React.ReactNode) { ... } export default DefaultLayout;

React children type 이 궁금합니다..

3개의 답변

Q&A 목록