如何导出默认的2个构造函数

Question

我尝试运行React JS文件，您可以在下面的中看到

const PostArticles = ({classes, ...props})
const Categories = ({classes, ...props})
export default connect(mapStateToProps, mapActionToProps)(withStyles(styles)(PostArticles));
export default connect(mapStateToPropsCat, mapActionToPropsCat)(withStyles(styles)(Categories));

我想通过使用react js从mongodb导出这两个构造函数作为打印数据，但我得到了这个错误

SyntaxError:C:\Users\hatzi\Desktop\restapi-client\src\components\PostArticles.js:每个模块只允许一个默认导出。(197:0(

你能帮我吗？

Answer 1

因此，错误明确指出不能有多个默认导出。

相反，您可以使用命名导出。

例如：

const PostArticles = ({classes, ...props})
const Categories = ({classes, ...props})
export const PostArticlesConnected = connect(mapStateToProps, mapActionToProps)(withStyles(styles)(PostArticles));
export const CategoriesConnected = connect(mapStateToPropsCat, mapActionToPropsCat)(withStyles(styles)(Categories));

还请查看文档。

如果您确实想使用默认导出，那么应该将这两个连接的组件拆分为不同的模块。