问题标签 [react-on-rails]

我用这些相同的代码行在 jsx 文件中编写了 jest 测试：

如何制作一个配置文件以每次都包含这些，而不是将它们写入我的测试文件中？

我在模态中有一个链接可以转到一个新页面，在指向该页面时，我似乎无法使用模态重置组件的状态。

带有模态的组件在指向新页面后似乎保持其状态，因为当我点击后退按钮时，它会自动打开模态。

模态根据 的状态打开或关闭modalIsOpen。

所以我有我的简化Listings组件：

我的ListingsModalContent组件：

控制台输出是...

我很确定我需要通过在组件卸载之前componentWillUnmount将状态设置modalIsOpen为 false 来解决这个问题，但它似乎永远不会在卸载之前完成设置状态。

我正在使用react on rails，它似乎使用了一些混合路由 rails/react 路由系统，但我对它不太熟悉，如果我不这样做，现在不想进入那个兔子洞必须。

所以我的问题是，如果这是反应组件生命周期的预期行为，有没有办法可以确保modalIsOpen在卸载之前重置状态？或者有什么方法可以确保我的状态在返回时重置为初始状态？或者这更可能是我使用的路由系统的结果？

我正在使用 react_on_rails gem 将反应前端添加到我们现有的 rails 后端。我在让一切正常运行时遇到了很多麻烦。花了一整天的时间才让 gem 正常工作，因为它开箱后不能正常工作......我终于让我的 Rails 服务器正常启动（通过工头），但是当它加载 webpacker 时出错了错误：environment.toWebpackConfig is not a function

我一直在谷歌上寻找解决这个问题的方法，但我读过的文章都没有任何帮助。有谁知道我做错了什么？

完整跟踪：

导致错误的文件：

module.exports = environment.toWebpackConfig() 我认为解决此问题可能需要的另一个文件：

最初，当我第一次让 Rails 服务器与 react_on_rails gem 一起工作时，它会抛出一个错误，说unexpected token <div>这是因为默认情况下，它在启动器“hello world”页面的导入语句中不包含 jsx 扩展名，也没有解决我自己做的webpacker配置文件中的扩展名，我猜也许我做的不对？

在我的研究中，我的印象是使用 jsx 扩展需要 babel？这个对吗？我在@rails/webpacker 问题部分注意到，他们注意到如何set弃用，赞成append/ prepend，但是如果我尝试使用其中任何一个来解决扩展，它会在 resolve.extensions 行出错，说environment.prepend这不是一个功能。我觉得我正在正确解决扩展，但可能缺少使用 jsx 扩展所需的其他内容？

任何输入表示赞赏，谢谢！

使用 react on rails 到服务器端渲染 apollo 和 react router v4 时出现以下错误：Error: unable to locate global object。我试图实现以下但没有奏效：

ApolloClientServer.js

服务器.js：

是否有我缺少的配置或者我需要导入另一个库？

我正在尝试确定在我的应用程序中管理 Ruby on Rails 和 React 的更好方法。我正在使用 RoR 5 和 gem react_on_rails，这对我来说一切正常。问题是我是否应该使用 RoR 构建一个 REST API，然后通过 React 访问它来控制我需要的组件的行为。

我发现但现在找不到解决方案的问题是我无法从控制器中放置道具，其中我有两个不同的道具。例如，

这就是我在视图中所做的

我知道控制器的逻辑不应该同时管理两个变量。这意味着我不能将两张表放在一个地方，我必须处理模型上的业务逻辑。

在这种情况下，即使我重载控制器，通过 REST API 或控制器道具处理 React 道具的最佳方法是什么？

I'd like to integrate Redux DevTools (https://github.com/zalmoxisus/redux-devtools-extension) with ReactOnRails (https://github.com/shakacode/react_on_rails) project.

I'm not sure where I can put

as I created the store from the action in Rails itself. E.g:

So, where should I put the configuration for Redux in my Rails app?

Thanks in advance

我正在尝试使用 Ruby On Rails 作为我的后端，以及像 ReactOnRails 和 Shrine 这样的 gem，此外，我使用包 Uppy 将图像上传到 AWS S3

到目前为止一切正常，直到我尝试通过 Uppy 上传图像，这应该通过后端传输 AWS 凭证，所以我不会从前端公开我的密钥。

React 组件的片段

我的路线是

最后是我的神社.rb 文件

我的 AWS S3 Cross 配置

当我通过 uppy.js 上传文件时，我无法弄清楚如何解决这个问题。

我正在使用 React on Rails，目前正在使用 ERB 组件注销。我正在为应用程序创建一个汉堡菜单并将注销放入其中。目前它只是<%= link_to "Logout", destroy_user_session_path, method: :delete %>在 Rails 中使用。我想把它放在 React 组件中。请帮忙。我对使用 React on Rails 还是很陌生。代码如下。

这个^ 被导入到这里（下）。它适用于其余代码。

目前，我正在使用此设置（为便于阅读而简化）：

react_on_rails 11.1.4

布局控制器（索引方法）：

布局：

看法：

组件（FooBar）：

JavaScript (main.js)：

如果我检查源，数据和组件似乎存在：

但是，由于这些致命错误，组件本身不会呈现：

据我所知，设置与文档中概述的内容一致，所以我想知道这是否是某种错误。我尝试将调用放在redux_store控制器和视图中，将其他调用移动到其他文件和位置等，但无济于事。

非常感谢任何帮助，在此先感谢！

是的，所以我不确定为什么这是有效的，但不知何故？我对反应很陌生，只想了解我做错了什么或如何纠正。这是我的反应代码片段：

如果我对 react 的理解正确，则 componentDidMount 中的 var user_id 是此代码中的局部范围变量？但是，我正在到达正确的端点并以某种方式从中获取正确的数据。这到底是如何工作的？这是我的api服务：

这是一个对 rails 应用程序的反应，rails 路线是嵌套的

这个问题的重点实际上只是为了了解我如何使用本地范围的 var 达到正确的终点？为了使它不在本地范围内，我如何使它在我的组件和 apiService 中可用？我知道它在工作，但我想正确地做，并理解它为什么工作。