所以我只是想知道使用一个而不是另一个有什么区别或原因......
export function Name() { return <div /> }
对比
export const Name = () => { return <div /> }
最佳答案
务实地(即在 React 中构建函数式组件时)，使用命名函数与将箭头函数导出为命名导出的值之间没有区别。
在这两种情况下，您都在导出一个(希望)不使用 this 的函数。关键词。因此，您不必担心函数和箭头函数之间最重要的区别之一，即您是否需要 this词法绑定(bind)与动态绑定(bind)。
此外，当您将变量分配给箭头函数时，您不必担心在调试箭头函数时降低可追溯性。 JavaScript 能够推断函数名称。
您可能知道，如果您将组件导出为默认导出，这将很重要，因为您无法为默认导出命名。您将需要使用两行:
const Name = () => { return <div /> }
export default Name
关于javascript - react 导出函数与导出常量 : FC，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/60768299/