React.FC 是 React 中的一个类型别名,代表“函数组件”。它是一个接受 props(属性)并返回 JSX 元素的函数。
type React.FC<P = {}> = (props: P) => ReactElement | null;
其中:P 是一个可选的泛型类型参数,表示组件的 props 类型。
你可以使用 React.FC 类型别名来定义函数组件,如下所示:
const MyComponent: React.FC<{ message: string }> = (props) => {
return <p>{props.message}</p>;
};
在这个示例中,MyComponent 是一个函数组件,它接受一个名为 message 的 prop,并返回一个包含该 prop 值的段落元素。
使用 React.FC 类型别名的好处包括:
与 React.Component 的比较:
React.FC 是定义函数组件的首选方式,因为它更简洁、更类型安全。相比之下,React.Component 是一个类组件,它需要你定义一个类并实现 render() 方法。
注意:
注意: