React.FC 和 React.VFC

2 年 ago
科, 颖
1 minute

备忘录。

結果

    • 関数コンポーネント自体の型定義。

指定することで、JSX を返却していないとエラーに出来たりする。

React v18 以降は、React.FC　を関数コンポーネントに指定すると良い。

v18 から children が除外されるから。
v17 までは React.VFC を利用する。

children を明示的に型指定（children: React.ReactNode）する。

// React.FC 型
export const FooProvider: FC<FooProviderProps> = (props) => {

// () => JSX.Element 型
export const FooProvider = (props: FooProviderProps) => {

请参考下列资料。

若要提升编译性能和可维护性，建议明确指定类型；否则，可以依赖类型推断并保持为 () => JSX.Element 类型。

 

bannerAds