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