问题标签 [react-rails]

有人可以分享他们在 react-rails gem 中使用模态的方法吗？我已经尝试了一些解决方案，例如 material-ui 和其他解决方案，但我总是遇到错误或无响应的模式。

我在用着：

• react-rails 宝石
• Browserify-rails
• 反应

我真的对任何人的方法感兴趣。我已经使用 react-rails 完成了一些小型应用程序，但我对所有其他工具都相当陌生，并且不确定尝试引入诸如 material-ui 之类的第三方模块可能会如何影响。

谢谢

我正在尝试按照Fernando Villalobos 的这个 Airpair 教程，通过react-railsgem 来玩 Rails 和 React。

我创建了一个全新的 Rails 4 应用程序，现在我正在尝试安装react-rails.

这是我的 Gemfile：

我已经跑了两个bundle install和bundle update（以防万一）。

但是，每当我尝试rails g react:install 按照此处的建议运行时，我都会收到以下错误：

知道这里有什么问题吗？

我正在使用react-rails，我正在尝试使用以下prerender选项呈现服务器端：

当我这样做时，由于以下原因出现错误const：

const关键字 IIUC 在 ES6 中可用，因此需要以某种方式对其进行转译。我试图弄清楚如何告诉 react-rails 转译 ES6。似乎config.react.jsx_transform_options是指定它的方式，但我已将以下内容添加到 application.rb 并且它没有任何效果：

应用程序.rb：

我在这里做错了什么？

我正在尝试用 ruby​​ on rails 编写一个应用程序，使用flux,和react-rails,和几乎基于本教程和这个 repo进行服务器端渲染。到目前为止，我已经设法编写了一个简单的两级路由配置，并且它似乎工作正常，因为正在呈现正确的处理程序。问题是根处理程序（我的应用程序组件）除了根 url ( ) 之外的所有 url 都被忽略了。IE：react-router-railsbrowserify/

我routes.js.jsx的是这样的：

每当我去的时候/，App --> Login都会被渲染。但是如果我去/loginor /scrapping，只有LoginorScrapping被分别渲染。

知道为什么会发生这种情况吗？我应该去哪里看？这是回购 谢谢你的帮助！

抱歉这个稍微笼统的问题。我正在使用react_railsgem 开发基于 Ruby on Rails 和 React.js 的应用程序，并且已经达到了需要跨 JS 文件需要模块的能力。

我已经尝试了我能找到的每一个例子，但似乎总是在以允许的方式集成事物时遇到问题module.exports = 'XXXXX'。

我想知道是否有人可以向我指出一个可靠的工作示例的方向，或者可以解释使用react_railsgem 实现这一点的最佳方法？

我在带有 react-rails 的 ruby​​ on rails 中使用它。

在我的应用程序中，我想使用 ajax 来获取 html 响应：

<%= react_component('Post') %>

帖子组件：

并将其附加到 App 组件：

但在那之后它失败了，这表明：

<div data-react-class="Post" data-react-props="{}"></div>

我已经将 post.js app.js 添加到 index.html。如何将它安装到 DOM。感谢.....

我看过这个演讲，我现在正在尝试使用反应组件来显示消息列表（在聊天中）。所以我有两个反应组件：

1）“消息”组件，基本上是一个带有消息道具（日期时间、用户名和正文）的li；

});

2）“消息”组件，它是一个列出所有聊天消息的 ul

在我看来，这就是我所拥有的：

没什么太复杂的。问题是我不知道如何更改“消息”组件属性。例如，如果我想更改消息 created_at 属性的格式？还是基于模型方法的用户名？我是否必须使用控制器中的 json 解析这些“道具”？

我只是想弄清楚 react 如何与我的 rails 应用程序一起工作，请不要犹豫，留下任何建议/信息。提前致谢

目前使用带有react-rails gem和geocomplete gem 的 Rails 4。

一切正常（ish），直到我将前端更改为使用 Reactjs。当我输入几个字符时，会显示自动完成列表。我选择了位置，但我的州只显示了几个字符。示例：当我键入“bir”时，会显示“Birmingham”的列表。如果我选择“英国伯明翰”，只存储“bir”，为什么？

js.jsx：

无论我输入几个字符，如何在选择时获取字符串的完整值？

我刚刚开始使用Reactin Rails。

当我遇到其他使用 . 的Rails应用程序时React，我发现其中一些*.js.*在/app/assets/javascripts/components/.
例如示例 React Rails 应用程序

组件文件如下：

虽然有些没有，例如Account React Rails App

组件文件如下：

那么添加前导下划线有什么区别呢？

我知道，用前导下划线Rails命名*.html.erb文件意味着它是您可以重用的部分文件，我们调用render方法来渲染它。但是这里的*.js.*文件需要components.jswith //= require_tree ./components。因此，即使您删除了下划线，也没有什么区别。而且我相信这是“重用”组件的唯一部分。

在我的应用程序中，人们可以评论宠物的图像。我正在使用这里的反应示例，​​尽管我改变了很多东西。

现在，它成功地显示了现有的评论。现在，当用户创建评论时，我必须传递评论正文、用户 ID 和宠物 ID。我试图做以下事情：

显然，它看起来并没有正确传递 pet_id，因为我收到了错误消息

我的 CommentsController 看起来像

为了进一步澄清，我有三个模型，Pets、Users 和 Comments，当用户发表评论时，评论获取 user_id 和 pet_id 作为其参数。

编辑：

我的反应组件看起来像

我的 PetController 看起来像