javascript - 无法导入导出默认箭头功能

我正在使用React，并且我的代码中有类似以下内容:

renderDetails.js:

export default renderDetails = (details) => {
    // function logic removed for brevity
}

然后，在同一文件夹中，我有另一个要从中导入的源文件，并且执行以下操作:

businessDetails.js:

import renderDetails from './renderDetails';
// rest removed for brevity

但是，我收到一条指向我的renderDetails.js文件的错误消息，并说:“未定义rederDetails”。任何想法可能是什么问题以及如何解决？

最佳答案

问题是，即使您将组件导出为默认组件，您仍会为其赋予未定义的名称

你可以做

export default (details) => {

}

要么

const renderDetails = (details) => {

}
export default renderDetails;

还有一件事，当您尝试渲染组件时，请确保其名称以Uppercase字符开头。