问题标签 [ngreact]

所以我有一个有角度的大型 Web 应用程序，我有几个页面我想使用 React 来减少页面的渲染时间（>3000 行）。

在寻找解决方案时，我遇到了这个反应插件：http ://bebraw.github.io/reactabular/

它让我可以添加带有编辑选项等的数据表 - 非常适合我的需求。问题是没有简单的方法将它包含在预构建的 Angular 应用程序中。

由于我是新手，因此我想将其集成到我当前的 Angular 应用程序中，并且我在网上搜索了很长时间的答案。

我正在寻找一种将其集成到我当前代码中的方法，如下所示：

和 HTML：

我将我的数据存储在我的反应组件正在使用的角度控制器中，问题是当我更改我的数据时，作为我的根组件的反应组件不会重新呈现。我正在尝试使用 componentWillReceiveProps 但是这个组件不是以常规方式调用的，<react-component>所以我认为不会起作用。我尝试了 watch-depth = "reference/value" 但仍然没有帮助。有人能告诉我应该如何强制我的组件重新渲染吗？

控制器：

反应组件：

html:

我有一个 MVC 测试项目，我试图在 Angular 指令中使用 React 组件。它将呈现指令，但我传入的任何道具都是未定义的。这是我的文件：

~/Scripts/Directives/HelloDirective.js：

我的视图的文件夹结构如下：

~/Views/Dashboard/Index.cshtml- 这是我的主要观点，有 ng-view

~/Views/Dashboard/Dash.cshtml- 这被放在主视图中

在 Dash.cshtml 里面我有

这是我的 DashboardController.js 文件：

页面加载完成后，呈现的所有内容都是Hello undefined.

由于某种原因， hello 标签内的 email 属性没有被读取或识别或其他东西。

我已经进行了测试，以确保我的 WelcomeFactory 通过仅{{name}}在屏幕上显示来返回数据并且它工作得很好。

有人可以告诉我我哪里出错了吗？

谢谢！

我正在尝试将 React 组件集成到我们的 Angular 1.5.x 应用程序中。到目前为止，我在学习 webpack 和使用 webpack-dev-middleware 和 webpack-hot-middleware 方面取得了成功；但是，我在使用 React 的外部副本时遇到了问题。

ngReact 期望找到 React 和 ReactDOM 的副本。此外，加载 Angular 和我们的控制器、指令等优先。为了避免加载多个 React 副本，我将外部属性设置为webpack.config.js.

现在 React 被外部化了，热重载似乎不再起作用了。终端更新，HMR 根据浏览器控制台连接，但屏幕上的组件没有重新加载。

有解决方法吗？

我正在尝试在 angularJs 应用程序中使用StormReact库。

在下面的代码中，我在使用 webpack 作为单个 bundle.js 捆绑的库中创建了类

在 index.html 中，我使用了在 Storm 反应库模块中创建的那个类。

我收到错误

帮助我编写正确的渲染对象以返回。

我目前正在创建一个新的 React 组件，该组件需要与现有的 Angular 1.x 应用程序集成，该应用程序本身已经有自己的以 Grunt 为中心的构建过程。在某些时候，应用程序可能会完全迁移到 React，但目前只有这一个组件将在 React 中完成。

Angular 应用程序使用 grunt 围绕它构建了一个广泛的构建过程，因此新组件的任何构建都必须能够通过 grunt。

到目前为止，另一位开发人员已经开始使用React 入门套件开发 React 组件，其中包括 React、Webpack、Babel、一个可以启动的开发服务器以及其他各种花里胡哨的东西。

这是我最初的研究成果以及当前的障碍：

• 看起来 ngReact 将是一个将 React 组件集成到应用程序中的好工具。
• 当前的 React 设置可以使用 React 应用程序的嵌入式构建（没有真正可用的构建文件）启动开发服务器，或者创建一个缩小并准备好发布的“生产”构建。这不太有效，因为我需要它来创建当前应用程序和 ngReact 可以使用的东西。
• React 应用程序正在使用 Webpack 进行捆绑。有一个可以运行 webpack 配置的 grunt 工具。

我如何将所有这些移动的部分组合在一起，将 React 组件捆绑到现有的 Angular 应用程序中，同时尽可能多地保留现有配置？

我有一个现有的 Angularjs 应用程序，我想开始使用 Reactjs。

我尝试了 ngReact，我可以使用 React.createClass 和 reactDirective 创建自己的 Reactjs 组件，并且 Angular 能够成功调用该指令。我只使用 bower 为 angular、react 和 ngReact 添加依赖项，我没有使用任何其他工具，如 gulp、grunt、webpack 等。

我想使用 Reactjs 的主要原因是调用第三方 Reactjs 组件，这些组件是使用 Reactjs 创建的，而不是使用 ngReact 创建的。我找不到这样做的例子。我需要做什么才能让 Angular 应用程序找到 Reactjs 组件并调用它？