React.FC, v < 18과 >

by 

// < 18
type TagPrpos = {
  name: string,
};

const Tag: React.FC<TagProps> = ({ name }) => (
  <div>
    <div>{ name }</div>
    { children }
  </div>
);
// > 18
type TagPrpos = {
  name: string,
  children: react.ReactNode
};

const Tag: React.FC<TagProps> = ({ name, children }) => (
  <div>
    <div>{ name }</div>
    { children }
  </div>
);

하위 요소는 명시적으로 선언해야 합니다.

< 18, 어린이는 선택 사항으로 선언되었지만,

이는 18에서 선택적 선언도 제거되었기 때문입니다.

'추천 관련글,