react export function vs export const：FC

Question

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

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

vs

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

Answer 1

实用上（即，在React中构建功能组件时，使用命名函数与将箭头函数导出为命名导出的值没有区别。

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

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

您可能知道，将组件导出为默认导出会很重要，因为这样就无法为默认导出指定名称。您将需要使用两行：

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