您应该使用 React.FC 来输入 Next.js 组件吗？

Question

我使用 VScode 扩展“ React Typescript Snippets ”，它有一个片段tfcd，提供带有 Typescript 和默认导出的功能组件基础。

import React from 'react';

type indexProps = {
    
};

const Layout:React.FC<indexProps> = () => {
    
    return <div>Have a good coding</div>
}
export default Layout;

我之前在 Next.js 中使用过它，它工作得很好，但我不确定它是否值得改变，React.FC我NextPage已经看到更多的人使用它。

React.FC和之间有什么区别，NextPage哪一个最适合用于 Next.js 项目？

Answer 1

用React.FC绝对没问题！您唯一要确保的是，您使用 NextPage 在 /pages 文件夹中键入页面组件，但 /components 文件夹中的其余组件可以使用 React.FC 键入

我希望这能回答你的问题！