Play FrameworkでのReact-Datagridの実装

Question

WebJarsからインポートされたReact-DataGridライブラリを使用して、Playプロジェクトでテーブルをレンダリングしようとしています。私はしかし、プロジェクトを実行すると、私はこれらの問題を得る：

1. 「警告：リアクトは、データreactid値.0.1.1のルート要素ノードを見つけることができませんあなたはこのメッセージを見ている場合、それはおそらくあることを意味します。あなたはページ上にReactの2つのコピーをロードしていますが、現時点でReactのコピーは一度に1つしか読み込めません。

2. 「キャッチされない例外TypeError：プロパティを読み取ることができません 『のfirstChild』未定義の」

ここでは、テーブルをレンダリングするためのコードです：

var data = [ 
    {id: 0, index: 1, firstName: 'John', city: 'Toronto', email: '123@hotmail.com'} 
]; 

var columns = [ 
    { name: 'index', title: '#', width: 50 }, 
    { name: 'firstName' }, 
    { name: 'lastName' }, 
    { name: 'city' }, 
    { name: 'email' } 
]; 

var App = React.createClass({ 
    render: function(){ 
     return <DataGrid 
      idProperty='id' 
      dataSource={data} 
      columns={columns} 
      style={{height: 500}} 
     /> 
    } 
}) 

ReactDOM.render(<App/>, document.getElementById("testTable")); 

これらは私が参照していますスクリプトですHTMLファイル：

<script type='text/javascript' src='@routes.WebJarAssets.at(WebJarAssets.fullPath("react", "dist/react.js"))'></script> 
<script type='text/javascript' src='@routes.WebJarAssets.at(WebJarAssets.fullPath("react-dom", "dist/react-dom.js"))'></script> 
<script type='text/javascript' src='@routes.WebJarAssets.at(WebJarAssets.fullPath("react-datagrid", "dist/react-datagrid.js"))'></script> 

これは私のbuild.sbtにあるものです：私が間違ってやっている http://zippyui.com/react-datagrid/#/examples/basic

任意のアイデア：ここ

"org.webjars" %% "webjars-play" % "2.4.0-1", 
"org.webjars.npm" % "react-datagrid" % "2.0.1", 
"org.webjars.bower" % "react-d3" % "0.2.2" 

は、私は次のようだデータグリッドの例へのリンクですか？

Answer 1

私は、dist/react-datagrid.jsには、別のReactを含めて、それにあらかじめパックされた状態で実行する必要があると思われます。他の反応スクリプトを削除するか、Reactが含まれていないreact-datagridのビルドを見つけてください。