javascript - 无法从 ReactJS 中的一个 JS 文件导出 2 个高阶组件

Question

我的文件中有 2 个组件，我正在尝试增强它们并将它们导出为 HOC。

export default withStyles(styles)(Component1);

export withStyles(styles)(Component2); 

但是，我在第二次导出时遇到错误。但是，如果我将其更改为:

export Component2OtherWay = withStyles(styles)(Component2);

然后，就可以正常工作了。有人可以向我解释一下吗？

干杯!

Answer 1

由于第二个导出是命名导出，因此您需要为其指定一个名称，这就是您收到错误的原因。

一个文件可以只有一个默认导出，并且您不需要为默认导出的组件指定名称，但对于命名导出，您需要指定一个名称，这就是第二种语法的作用

export const Component2OtherWay  = withStyles(styles)(Component2); 

还可以像这样导入命名导出

import { Component2OtherWay } from 'path/to/Component';