使用Play框架实现React Datagrid

Question

我试图在Play项目中使用从WebJars导入的React-datagrid库来呈现一个表。然而，当我运行该项目时，我会遇到以下问题：

1. “警告:reactid找不到data-reactid值.0.1.1的根组件节点。如果您看到此消息，可能意味着您已在页面上加载了两个reactid副本。此时，一次只能加载一个reactid副本。”
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中所拥有的：

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

下面是我下面的数据存储示例的链接：http://zippyui.com/react-datagrid/#/examples/basic

知道我做错什么了吗？

Answer 1

我怀疑dist/react-datagrid.js已经具备了运行预打包所需的一切，包括另一个React。删除其他的响应脚本，或者找到一个不绑定react-datagrid的React构建。