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

Question

我正在使用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未定义".任何想法可能是什么问题以及如何解决它？

Answer 1

问题是,即使您将组件导出为默认组件,也会为其指定一个未定义的名称

你可以这样做

export default (details) => {

}

要么

const renderDetails = (details) => {

}
export default renderDetails;

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