问题标签 [react-on-rails]

我正在尝试在我的 rails 项目中使用 react-select 。我已经gem 'react_on_rails'安装了，但我遇到了一些问题。

我react-select使用npm install并想要安装import Select from 'react-select'，但随后开始出现很多服务器错误

连同网络浏览器控制台错误：

我怎样才能使这项工作？似乎使用 npm 安装 react-select 并使用 react_on_rails 而不是纯反应在这里是一个问题。

复制回购

https://github.com/github0013/ror_rbc/commit/246f6e1839cdd6aababeeacb9301a80b040e453d

问题

我正在使用
https://github.com/shakacode/react_on_rails
构建一个 Web 应用程序，但如果我尝试import BigCalendar from 'react-big-calendar'在 jsx 文件中，它会在标题中给出错误。

我检查的东西

https://github.com/intljusticemission/react-big-calendar
这个库使用
https://github.com/react-bootstrap/dom-helpers
和
https://github.com/react-bootstrap/dom-helpers/ blob/master/src/query/matches.js#L7
就我检查而言， 这一行为document.body空。

为什么文档为空？

我对 reactjs、webpack 等还是很陌生，所以我确信我缺少一些基本知识，但是如果有人能指出为什么缺少文档对象，请告诉我。

有没有人以前使用过 ReactOnRails 并且不得不将 jQuery 用于某些外部库（在我的例子中是 select2）？

如何将 jQuery(jquery-ujs) 添加到 webpack，以便我仍然可以在我的app/assets目录中使用它，而无需实际安装两次（通过 gem 和 npm）？

我正在使用 rails 4.2.5，最近我react_on_rails在我的应用程序中添加了。当我尝试在 Heroku 上部署代码时出现错误（mkdir：无法创建目录）。应用程序使用了几个 webpack，一个用于 Ruby，另一个用于 Node。

任何帮助深表感谢。

我正在学习 react 并尝试在 rails 应用程序中使用 react on rails gem 创建一个 Google Places 自动完成组件。这是我到目前为止所拥有的，需要一些帮助来完成它。

我想我在正确加载 Google javascript 库时遇到了问题。请参阅下面控制台的错误消息（注意我的应用程序中运行了正确的 [KEY]）。

以下是相关代码：

index.html.erb

谷歌自动完成.jsx

我正在尝试在反应中重新创建这个 Google 自动完成示例： https ://developers.google.com/maps/documentation/javascript/examples/places-autocomplete-addressform

我正在使用本教程生成正确加载 Google API 所需的高阶组件： https ://www.fullstackreact.com/articles/how-to-write-a-google-maps-react-component/

自动完成功能似乎工作得很好。但是，当我选择一个建议并尝试运行时，fillInAddress()这是我收到的错误消息：

这是我的代码 /components/GoogleApiComponent.jsx

../components/GoogleAutoComplete.jsx

我试图让 Paperclip 在表单提交时从我的节日模型将图像上传到 s3，但我收到了Unpermitted 参数：image。错误

我检查了强大的参数，模型内容验证并阅读了回形针文档，但无济于事。

我想我已将问题缩小到我对数据库的发布请求无法处理分配给festival.image 的文件对象，但无法弄清楚我将如何在发布请求中表示这一点。

我正在使用前端的 Rails 上的 react 以 Rails 作为后端来捕获 Rails 中的数据。我跟着这个示例代码https://github.com/carlbaron/react-file-upload-demo

我还使用 React-dropzone 来捕获上传的文件，它为图像预览添加了预览属性。

已经坚持了一段时间了，非常感谢任何帮助！

打印到控制台的发布请求的开头

节日对象打印到控制台 通过 axios 向数据库发布请求

节日.rb

节日控制器

我正在尝试在 Rails API 之上运行 React。我创建了带有标志的 Rails 应用程序，--api因此我可以使其尽可能简约，并且我选择了 react_on_rails gem 来让 React 在此基础上工作，因为它似乎是一种解耦客户端和服务器应用程序的好方法。

我按照gem 的 Github 页面上的教程进行操作，一切正常，但是当我http://localhost:5000/hello_world在运行 Foreman 后尝试访问 URL 时，我得到以下信息：

我很确定我收到此响应的原因是因为 Rails 没有通过所有资产管道并且没有渲染index.html.erb视图，因为 API 模式。

所以我的问题是，我可以通过 react_on_rails gem 让 Rails API 与 React 一起工作吗？或者我是否需要更改配置以使 Rails 应用程序停止在“API 模式”下工作？或者也许我可以调整 gem 的配置以使其正常工作，尽管我在文档中找不到任何内容。

我的hello_world_controller.rb控制器自动生成rails generate react_on_rails:install如下所示：

非常感谢所有帮助和指导，因为我不是任何这些工具的专家。谢谢！

当我想编写 SPA 时，我经常在两个不同的项目中编写后端（使用 Node 或 Rails）和使用 React 的前端。后端吐出 JSON。

有这些宝石：react_on_rails 或 react-rails，允许开发人员将 redux 添加到他们的项目中。如果每次切换页面时，商店都被清空，为什么还要在 Rails 中使用 Redux？

有什么我想念的吗？

由于无法将我的道具传递给子组件，我在使用 React 时遇到了麻烦。我已经阅读了文档，但我仍然对需要采取哪些步骤感到困惑。这是使用 Ruby on Rails 和 react_on_rails gem 完成的。此时，Redux 尚未使用，我仍在学习 React 的基本知识。

我正在使用 react_component 从 rails 发送一个变量，其中包含以下内容：

index.html.erb

试图在 React 中获取它。数据显示在 Chrome 开发工具的 Elements 部分下。但是，我假设我可能没有正确绑定数据。LiftsList.jsx 中似乎没有出现任何内容。也许解决方案是显而易见的，但它现在真的让我失望了。

升降机.jsx

LiftsList.jsx

电梯.jsx