如何从包含多个组件的文件中请求反应组件？

Question

我有以下

var comp1 = React.createClass({ 
     render: function() { 
      return (
      <div> 
      <div class="content"> 
      <p> information here ..</p> 
      </div> 
      </div> 
      ); 
     } 
    }); 

    var comp2 = React.createClass({ 
     render: function() { 
      return (
      <div> 
      <div className="content"> 
      <p>information here</p> 
      </div> 
      </div> 
      ) 
     } 
    }); 

如何要求COMP1在另一个测试文件

我在文件末尾添加module.exports和

var myComponents = require('../js/components/App.js').comp1 

但得到所需要的以下错误

- TypeError: Cannot read property 'exports' of undefined 

Answer 1

您可以执行以下操作：

module.exports.comp1 = comp1; 
module.exports.comp2 = comp2; 

或alternativeley：

module.exports = {comp1: comp1, comp2: comp2}; 

然后要求：

var Components = require('./path_to_file'); 
var comp1 = Components.comp1; 
var comp2 = Components.comp2;