エラーを取得中 - オブジェクトがリアクションの子として有効ではありません

Question

ChartProviderは設定ファイルのチャートリストを生成しています。私はMainComponentのすべてのチャートをレンダリングしようとしています。

エラーが発生しました："子オブジェクトのコレクションをレンダリングする場合は、代わりに配列を使用するか、createFragment（）を使用してオブジェクトをラップしますオブジェクト）をReactアドオンから削除します。

MainComponent：

var React = require('React'); 
var Chart = require('ChartProvider'); 

var MainComponent = React.createClass({  
    render: function() { 
     return (
      <div> 
       {Chart} 
      </div> 
     ); 
    } 
});   

ChartProvider.js

var item = config.wList.map(function(widget, index) {  
     return ( 
        <ChartComponent width="500px" height="400px"   
        options={{title: widget.title}} /> 
      );   
     }); 
module.exports = item ; 

config.jsのファイルにデータが含まれています

module.exports = { 
     wList : [ { 
      title : "Average(Kbps)", 
     }, { 
      title : "Average DL(Kbps)", 
     }, { 
      title : "DL", 
     }, 
     { 
      title : "Minutes",   
     }, { 
      title : "Cell",   
     }, { 
      title : "UL",  
     }] 
     }; 

Answer 1

あなたはmodule.exports、ないmodule.export経由モジュールからエクスポートします。

module.exports = item; 

module.exportsは空のオブジェクトで、レンダリングできず、表示されているエラーメッセージが表示されます。それとは無関係の

---

、あなたの<ChartComponent>を閉じないでください。あなたはフォークで自分の問題をREPROことができるかどうか、HERESに働くペンを

<ChartComponent width="500px" height="400px" options={{title: widget.title}} />