问题标签 [react-rails]

我使用 react-rails gem 创建了一个 reactjs 组件：

在我看来：

但是我无法渲染这个组件，我是 reactjs 和 rails 的新手，非常感谢您的帮助！

我正在使用react-rails gem 在我的 Rails 应用程序中使用 Reactjs。一切都很好，直到前端变得有这么多在分离文件中定义的组件。

问题是每次加载应用程序时，所有这些文件都会下载到浏览器中。我知道这很明显，但是效率很低，因为会话中只会使用几个反应组件。

这是我当前的工作区：

我只是想知道是否有任何可行的解决方案来优化它？

我正在尝试使用 React ( react-railsgem) 来增强现有的 Rails 应用程序。

这个应用程序有一个使用以下代码构建的表单：

我希望此表单具有以下功能：

• 当用户切换复选框时，该字段的三个下拉列表会expiration_date显示或隐藏。
• 当用户提交时，表单数据通过 Ajax 发送到服务器进行验证和持久化。
• 当验证失败时，相关标签和输入字段会被红色边框包围。
• 成功保存表单数据后，表单会消失并显示一条消息。

在我的第一次尝试中，我设法实现了这个目标，但我发现我必须编写很多普通的 HTML 代码。

这对我来说是一个失望。特别是，我不喜欢为每个标签指定nameand属性，例如.defaultValue<input><input name="article[title]" defaultValue={this.props.object.title}>

expiration_date我还必须编写相当长的 JavaScript 代码来为该字段创建三个下拉列表。

如何有效地使用 React 构建这样的表单？有什么好的插件吗？

使用 react-rails 生成组件时，我的 es6 类组件是使用 .jsx 扩展名创建的吗？这是为什么？示例 rails generate react:component TestComponent --es6 导致test_component.es6.jsx文件而不是test_component.es6

我在一个项目中使用 react-rails gem。

每当我在 react_component 帮助器中传递 {prerender: true} 时，我都会收到此错误：

使用预渲染 UsersList 时遇到错误“ReferenceError: ReactDOMServer is not defined”

首先，这不是重复的！这是相同的“未定义”错误，但完全遵循 github ( https://github.com/reactjs/react-rails ) 指南，但仍然无法正常工作

宝石文件：

应用程序.js：

应用程序.html：

组件/app.js.jsx：

.html 文件：

开发.rb：

当我访问该页面时，它说

我做错了什么？

如果我取消注释以下

它说 createClass 不是一个函数，并且对于所有其他 React 函数都是一样的

我正在尝试用react-railsgem 制作表格。但我收到一个错误：

语法错误：[stdin]：24:11：意外。

通过试验我发现，这个问题在第一React.DOM.div行（它在代码中标记），但我不明白，为什么会这样，我已经检查了一百次:)

组件/country_form.coffee：

谢谢你的帮助！

我有一个供稿，您可以在其中发布条目。然后，任何用户都可以喜欢这些条目。问题是，在您喜欢一个条目并继续编写自己的条目之后（从而将新条目推到提要的顶部），您单击的所有类似按钮的状态都将在视觉上撤消，以便查看显示的正确数据需要手动刷新。

这个问题非常奇特，不幸的是我没有发现任何可能与此相关的东西。

这是我的 Like 组件代码（like.es6.jsx）：

在父组件“log_entry.es6.jsx”中，我通过以下方式添加了类似的组件：

如果我可以提供更多信息，我会很乐意应要求提供。感谢您花时间审查我的问题！

我正在使用带有 react-rails gem 的 Rails。服务器端工作完美，但最近我在项目中添加了 react-bootstrap。

一切都很好，除了 react-server 引用了两次 react 脚本，这导致与 react-bootstrap 不一致

我来给你展示。在我的 application.js 中，我引用了以下内容：

内部组件

我使用 react_component 渲染组件，带有 prerender: true。它工作得很好，但是如果你使用，比如说，输入（来自 React-bootstrap）然后它会抱怨 addToRef 错误，这是由多个反应引用引起的

如果我删除 react/react_ujs 那么客户端上不再有 React。如果我删除 react-server 那么我不再对服务器做出反应。但是如果我删除 react-server 那么 React-bootstrap 不再抱怨多个引用

有没有办法将 React 服务器端与 React-bootstrap 一起使用？

我想在我的 react-rails 项目中使用一种稳定且可扩展的方式来实现主题。目前，react 组件有自己的 CSS 文件，并且样式是使用 CSS-modules 管理的……为 react 组件设置不同的 CSS 主题的最佳方式是什么

具体要问

• 对于实现各种主题的 CSS 文件来说，什么是更好的文件组织？
• 如何将这些主题应用于现有的 react 组件，以便我可以将一个主题应用于根节点，并且组件树下的所有 react 组件都将应用主题？