使用Play Framework實現React-Datagrid

我試圖使用從WebJars導入的React-datagrid庫在Play項目中呈現表。然而，當我運行該項目，我得到了這些問題：使用Play Framework實現React-Datagrid

「警告：陣營找不到數據reactid值.0.1.1根組件節點。如果你看到這條消息，這可能意味着你已經在頁面上加載了兩個React副本，此時，一次只能加載一個React副本。「
「遺漏的類型錯誤：無法讀取的未定義的屬性‘則firstChild’」

下面是用於呈現表的代碼：

var data = [ 
    {id: 0, index: 1, firstName: 'John', city: 'Toronto', email: '[email protected]'} 
]; 

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：

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

這裏是鏈接到我下面的DataGrid的例子： http://zippyui.com/react-datagrid/#/examples/basic

任何想法，我做錯了嗎？

來源

2016-05-19 Ryan

我懷疑dist/react-datagrid.js擁有預先打包到其中的所有東西，包括另一個React。刪除其他反應腳本或找到不包含React的react-datagrid版本。

來源

2016-05-19 22:22:51

當我刪除其他腳本，使得我只有react-datagrid.js時，我得到了React和ReactDOM未定義，這意味着我不會加載兩次React？ – Ryan

奇怪 - 如果您查看['dist/react-datagrid.js']的源代碼（https://raw.githubusercontent.com/zippyui/react-datagrid/master/dist/react-datagrid.js），它看起來像就像它定義了「React」一樣。我可能會看到錯誤的src。 –

是的，當我在intellij中的項目導航器中查看外部庫時，我有權訪問react和react-dom jar;當我在build.sbt中包含datagrid時它就可用了 – Ryan

使用Play Framework實現React-Datagrid

回答

相關問題