React.FC 介绍

React.FC 是 React 中的一个类型别名，表示一个函数组件（Functional Component）。

在 React 中，函数组件是一个使用函数来定义的组件，而不是使用类来定义的组件。函数组件接收 props 作为参数，并返回一个 JSX 元素。

React.FC 是一个泛型类型，表示一个函数组件的类型。它的泛型参数是 props 的类型。例如，如果你有一个函数组件，它的 props 类型是 { name: string }，那么你可以使用 React.FC<{ name: string }> 来表示这个组件的类型。

使用 React.FC 可以帮助你更好地定义函数组件的类型，并且可以帮助 TypeScript 等类型检查工具来检查你的代码。

以下是一个使用 React.FC 的示例：

import * as React from 'react';

interface Props {
  name: string;
}

const Hello: React.FC<Props> = ({ name }) => {
  return <div>Hello, {name}!</div>;
};

在上面的示例中，我们定义了一个名为 Hello 的函数组件，它的 props 类型是 { name: string }。我们使用 React.FC<Props> 来表示这个组件的类型，然后使用函数组件的语法来定义这个组件。