单个模块中有多个React组件

小编典典

单个模块中有多个React组件

reactjs

我是整个浏览器新手。我一直在尝试使用browserify + reactify +
gulp来转换，缩小和组合一个React应用程序。只要我有一个单身React.createClass，module.exports = MyComponent一切正常。由于我有多个共享组件，因此我实际上是托管在同一文件中并在项目中重复使用，因此我想导出多个组件。我试过一个数组：

module.exports = [Component1, Component2]

并且还尝试了具有多个属性的对象：

module.exports = {Comp1: Componenet1, Comp2: Component2}并且还尝试createClass对对象中的调用进行内联，但这无济于事。

有没有办法做到这一点，还是我必须将每个组件拆分成一个单独的JSX文件？

阅读 350

2020-07-22

共1个答案

小编典典

我已将多个组件放在一个文件中，并按照您的建议导出对象。

module.exports = {
    comp1: Component1,
    comp2: Component2
}

然后在哪里使用它们

var comp1 = require('your/path/to/components').comp1;
var comp2 = require('your/path/to/components').comp2;

2020-07-22