问题标签 [react-rails]

我正在关注这个很棒的教程：setting-up-react-in-ruby-on-rails-part-1

我收到此错误：错误：无法从 xxx 找到模块 xxx

测试组件.es6.js

组件.js

当我以这种方式设置它时，它可以工作，但 TestTwo 组件没有预渲染（我使用 prerender:true）

重要编辑

在此设置内容中的服务器编辑后被预渲染，但每次在浏览器中更改数据时我都需要重新启动服务器但是当我打开源视图时旧数据没有新的！？

测试组件.es6.js

组件.js

TestTwo 组件只是返回一些文本。

两种设置的text.html.erb相同

Win7 64位操作系统

我有父组件 Monsters，我在那里渲染 Monster 组件。

内部怪物：

……

问题有一个引导列和行，它的中断。我需要像每个切片这样的方法，将每个（3）对象包装到引导行中。我使用了 lodash _chunk 和自定义 Array.prototype 变体，但是在这个循环中反应变量不可用。

这是每个切片的功能，然后我做这个。

未捕获的类型错误：无法读取未定义的属性“团队”

有谁能够帮我？

我已经有返回 JSON 响应的 Rails API 控制器。前端 Javascript（以及移动应用程序）使用它来呈现值。

现在，我希望使用 ReactJS 预渲染这些值：

如何有效地调用内部/api/v1/products和/api/v1/userURL（例如，不向我自己的服务器发出 HTTP GET 请求）？

我有一个 Ruby on Rails 应用程序。对于我的观点，我正在使用 react-rails gem。我想通过 Google PageSpeed 提高页面速度。我的主要问题是Remove Render-Blocking JavaScript所以我在我的 javascript_include_tag 辅助方法中添加了 async: true 。然后，当我刷新站点时，我有空白的白色窗口浏览器，其中包含控制台内的这些消息：

我的 applicaton.js 文件：

我需要做什么才能删除阻塞的javascript？

我正在使用 react-rails gem 将 react 与 rails 集成，我对如何组织代码感到矛盾。

最好将我的核心 html 放在html.erb文件中还是jsx文件中？目前，我基本上把所有东西都做成了组件。我在html.erb文件中所做的只是使用react_component帮助程序来调用这些组件。例如，我的ProfileShow.js.jsx个人资料页面有一个文件，EditPost.js.jsx我的编辑帖子页面有一个文件。

你的建议是什么？

我第一次尝试在 Rails 中设置 React 路由器。路由器上的链接可以正常工作并按预期更改哈希，但不会呈现。我已经缩小了调试器的问题范围，并找到了以下内容：

• MyRoutes（第 22 行，在 React 创建路由器之前）有 props.children。
• 应用程序（第 6 行，渲染时）没有 props.children。

到底是怎么回事？

我刚开始使用 react-rails gem，下面是我需要帮助的代码。我的_mounts.js.jsx，

});

我在我的 react_component 中传递了两个道具，

@mounts 是一个文件系统对象， b 是一个数组。

我的 _mount.js.jsx 文件

});

我的 {this.props.det} 显示的是数组索引值，而不是索引中的值，即（0,1,2,3）。

我是 React 的菜鸟，感谢任何帮助。提前致谢。

我正在使用react-rails，我需要能够将一个开始 HTML 标记（即：）和一个结束标记传递到我的 JSX 文件中<form>的数组（即：）中。</form>当我尝试做任何一个或者我得到一个ExecJS::RuntimeError说SyntaxError: unknown: Unexpected token。

这不起作用：

array.push(<form>)

这有效：

array.push(<form></form>)

我一直在学习一些 React 教程，并且我开始自己构建一个应用程序。我遇到过有关组件的情况，我想知道这种情况是否有最佳实践。请注意，我只是在使用 react-rails；暂时没有助焊剂或其他任何东西。

使用一个数组设置初始状态，该数组的值通过 ajax 设置，并在初始渲染中显示该数组

这就是我想要做的事情：（为简单起见）

所以如果我有这个权利，事情的运行顺序如下：

1. 加载时，getInitialState 将喊声设置为空数组
2. 由于尝试访问空数组上的喊叫属性，渲染被调用并出错
3. ComponentDidMount 被调用并将喊叫的状态设置为从 ajax 调用接收到的数据。**当我尝试在 ComponentWillMount 中执行此操作时出现错误 **
4. 由于状态发生了变化，渲染再次被调用，但这次喊叫[0].shout 将包含数据。

所以我在第 2 步出错，我的解决方法如下：

这完全像我需要的那样工作，但是有没有更好的方法来使用 ajax 设置初始状态的数组值并将其加载到初始渲染中而无需执行此 if 语句？

谢谢！

我想在我的 Rails 4 应用程序中使用 material-ui 组件库。我目前正在使用 react-rails gem 将 .jsx 编译添加到资产管道。我在 gemfile 中通过 rails-assets 添加了 material-ui，如下所示：

我在 application.js 文件中需要这个库，如下所示：

但是我不断收到错误“找不到文件'material-ui”。如何将我的 Rails 应用程序中的 material-ui 组件库与 react-rails gem 一起使用？