型定義でReact.FC
にchildren
の暗黙的型定義が含まれていたが、
React.js 18 以降 children
の暗黙的型定義が外された。
ではchildren
の型はどのように指定するか?
children: React.ReactNode
という感じで、 React.ReactNode
と、型定義する。
import React from 'react';
interface props {
children: React.ReactNode;
}
const Text:React.FC<props> = ({ children }) => {
return (
<p>{ children }</p>
)
}