反应导出函数与导出常量：FC答案

【问题标题】：react export function vs export const: FC反应导出函数与导出常量：FC
【发布时间】：2020-07-01 05:52:13
【问题描述】：

所以我只是想知道使用一个而不是另一个有什么区别或原因......

export function Name() { return <div /> }

对

export const Name = () => { return <div /> }

【问题讨论】：

【解决方案1】：

务实地（即在 React 中构建函数式组件时），使用命名函数与将箭头函数导出为命名导出的值之间没有区别。

在这两种情况下，您都在导出一个（希望）不使用this 关键字的函数。因此，您不必担心函数和箭头函数之间最重要的区别之一，即您是否需要 this 进行词法绑定与动态绑定。

此外，当您将变量分配给箭头函数时，您不必担心在调试箭头函数时降低可追溯性。 JavaScript 能够推断函数名称。

您可能知道，如果您将组件导出为默认导出，这将很重要，因为您无法为默认导出命名。您需要使用两行代码：

const Name = () => { return <div /> }
export default Name

【讨论】：