在 Angular 1.x 中使用 React-data-grid答案

【问题标题】：Using React-data-grid in Angular 1.x在 Angular 1.x 中使用 React-data-grid
【发布时间】：2017-01-17 21:51:41
【问题描述】：

我已经安装了 ngReact，并且可以使用这篇文章在我的 Angular 1.3 项目中创建一个基本组件（Hello World）：https://www.logilab.org/blogentry/7366955

但我不确定如何在我的 Angular 应用程序中使用 react-data-grid。使用什么组件名称？有人做过吗？我会欢迎一点指导！谢谢！

【问题讨论】：

标签： angularjs reactjs react-data-grid

【解决方案1】：

仅通过阅读您的文章对 Angular 了解不多，您需要做一些事情。

您需要将 react-data-grid 作为脚本导入，您可以查看他们的方法in here。

之后ReactDataGridcomponent 将可供您使用，您可以执行与链接中的示例相同的操作。如果你不使用 jsx，最好看看in here。你的最终代码将是这样的

 // define a React component that displays "Hello {name}"
 var GridComponent = React.createClass({
    render: function() {
       var props = { x: this.props.x, y: this.props.y ...};
       // you can filter the props or just inject this.props
       return React.createElement(ReactDataGrid, props, null);
    }
 });

要使用它，您只需要创建如下所示的网格控制器：

 <div ng-app="app" ng-controller="helloController">
   <react-component name="GridElement" props="yourProps" />
 </div>

【讨论】：

我无法通过“ReferenceError：ReactDataGrid 未定义”。我已经包含在脚本标签中，react-datagrid.js、react.js、react-dom.js 和 ngreact.js。我不确定我还需要做什么才能使 ReactDataGrid 可用。我使用了您的代码并将其作为脚本标记放在我的页面上。不知道我需要做什么......这东西真的很新。
脚本标签中包含什么？它应该是
您帮了大忙！我在脚本标签中发现了错误。现在我得到：警告：React.createElement：类型不应为空、未定义、布尔值或数字。它应该是一个字符串（对于 DOM 元素）或一个 ReactClass（对于复合组件）。我正在使用您的示例源。有什么想法吗？