0

我正在尝试使用从 WebJars 导入的 React-datagrid 库在 Play 项目中呈现表格。但是，当我运行该项目时，我遇到了这些问题：

  1. "Warning: React can't find root component node for data-reactid value .0.1.1。如果你看到这个消息，可能意味着你已经在页面上加载了两个 React 副本。此时，只有一个副本React 可以一次加载。”

  2. “未捕获的类型错误：无法读取未定义的属性‘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

知道我做错了什么吗？

4

1 回答 1

0

我怀疑它dist/react-datagrid.js已经预先打包了运行所需的一切，包括另一个React. react-datagrid删除其他 react 脚本或找到一个没有 bundle的构建React。

于 2016-05-19T22:22:51.237 回答