问题标签 [react-on-rails]

我有一个呈现组件并将其插入时间轴的表单，但我不知道如何让它按时间顺序呈现新的提交，以便它以正确的顺序插入。

这是我迄今为止一直在尝试的。

这是 Activity 组件：

目前，提交表单时它仍会自动呈现，但不会对它们进行排序。

我想延迟加载所有顶级组件以缩短加载时间。我正在使用react-on-rails来集成 React 和 Ruby on Rails。要渲染组件，我必须像这样注册它们registration.jsx：

我尝试了两种方法：

1. React.lazy：

但是浏览器会报错...

看来我不能在这个文件中使用延迟加载。所以我在 Component1 的一个子组件中尝试了它。但它仍然不起作用。

这将返回：

2.反应加载：

官方文档

这似乎是由react-on-rails（见下文）推荐的，但我得到了一个不同的错误，说 react-on-rails 找不到这样的组件。

这是错误：

我也尝试在子组件上使用它。但它只是不渲染它。

但这只会返回“正在加载...”

问题：

唯一的好消息是 Webpack 正确地将包拆分为基于组件的更小的包，所以我认为可行react-loadable，但没有正确呈现。

是否可以使用延迟加载组件react-on-rails？还是我有语法错误？似乎react-on-rails控制组件的加载方式。

另一个想法：也许我应该只对子组件进行延迟加载。但我想知道这是否真的有助于减少初始加载时间。有什么想法吗？

我想在我的 React on Rails 应用程序中集成 React-I18next（我正在使用 webpack）。

问题是 react-i18next 找不到我的语言环境文件夹......我可以把我的语言环境放在哪里？在rails的公共文件夹中？（不工作..）我在我的 javascript 文件夹中创建一个新的公用文件夹？（不工作..）

我是 webpack 的初学者，我真的不知道它是什么，但也许我需要将我的 locales 文件夹添加到 webpack 公共文件夹？

我不知道..

谢谢！

我正在尝试通过以下方式打开 react-on-rails 上的服务器端渲染：

但我收到了这个错误：

代码：

红宝石添加单\转义#而不是双反斜杠

例如，#in 字符串会自动像这样sd@#以 single开头。我认为它应该添加(双反斜杠) 来 escape 。\sd@\#\\#

它是 ruby​​ 语法中的错误吗？如果没有，有没有办法手动逃避它

请帮忙

我在带有 Hooks 前端的 React 上使用 axios 来发出获取请求，以使用我的 rails 后端中的种子数据填充我的 react-google-maps/api GoogleMaps Marker 组件。当我让 rails 服务器运行时，服务器会反复进行此调用。

以下行导致在axios.get循环中调用：

这成功地填充了地图，但意味着我不能使用onClick's功能（因为我认为堆栈被这个请求置顶？）

我在 Rails 中的 CoordinatesController 上的索引方法：

注意：这是我第一个将 React 链接到 Rails 以及使用 Hooks 的项目

我正在尝试在我的应用程序上设置 gem 'react-rails'，遵循https://github.com/reactjs/react-rails。

他设置了

但是当我启动时

它发送此警告

而且我的本地主机渲染不起作用，并发送给我：

有没有人暗示？

我正在启动一个需要执行以下操作的项目：

1. 在 Web 界面上，用户从存储在数据库中的文本元素（调查问题）列表中进行选择。
2. 用户可以使用拖放重新排列问题的顺序。用户还可以在浏览器中编辑调查问题文本。
3. 用户将调查导出到 Word 文档。

我正在使用 React on Rails 框架构建这个应用程序。

但我正在寻找可以轻松将反应视图导出到 Word 文档的库。我认为唯一可行的是redocx，但这个库似乎不是很健壮。将 React 组件转换为 Word 文档的任何其他想法或库？

我有一个带有 ruby​​ buildpack 和 react buildpack 的项目，总 slug 大小约为 109.8mb，react 端大约为 900kb（最大的 gzip 文件 300kb），所以我认为这意味着 ruby​​ 端占用 108.9mb关于总蛞蝓大小，有什么办法可以减少吗？这是正常的吗？我在搜索时无法找到任何具体的答案。请链接任何相关文档。

我在文件结构中没有任何资产，ruby 端只包含模型和控制器。我已经从 gemfile 中删除了所有可能的 gem，我已经清除了我的应用程序 heroku 缓存，它仍然是相同的大小。

我为我的项目设置了React on Rails 。我有一个渲染 React 组件的 haml 模板：

现在，如果我在另一个模板中渲染这个模板，它会按预期工作，并且我会看到渲染的 React 组件。

但是，如果我引用在块内呈现组件的组件或模板capture_haml，它不会呈现：

div在可行的情况下，react 组件将在具有唯一 id like的 a 内部呈现，并且在它旁边MyComponent-react-component-0b88d3fe-e457-4bec-b2a1-119097662161会有一个带有 id 的标签。在不起作用的情况下（在块内），具有唯一 id 的 div 会被渲染，但它是空的，并且DOM 中不会出现脚本标签。scriptjs-react-on-rails-contextcapture_hamljs-react-on-rails-context

不可能在capture_haml这样的块内使用 React on Rails 组件，还是我只是做错了什么？