问题标签 [react-rails]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
0 回答
187 浏览

ruby-on-rails - react-rails错误:不变违规

我正在使用react-rails gem,一切正常,直到我按下浏览器的后退按钮并转到上一页。我收到以下错误。

错误:不变违规:addComponentAsRefTo(...):只有 ReactOwner 可以有 refs。这通常意味着您正在尝试将 ref 添加到没有所有者的组件(即不是在另一个组件的render方法中创建的)。尝试在一个新的顶级组件中渲染这个组件,该组件将保存 ref。

当我按下浏览器的后退按钮或使用键盘按下返回页面时,我得到了同样的错误。请帮帮我!

0 投票
0 回答
366 浏览

ruby-on-rails - 在 React-Rails 应用程序上登录重定向后设计会话不持久

我们有一个非常标准的 React-Rails 应用程序,带有 (prerender = true) (遵循本教程和他随附的 repo)。我们目前正在使用 Devise gem 来实现用户。但是,现在在成功登录并且用户被重定向到主页(与 Devise 的默认设置一样 - 我们没有在那里进行任何更改)后,用户会话不会持续存在,这意味着用户在主页时已注销达到,根据 user_signed_in?设计提供的功能。

有什么建议么?

0 投票
3 回答
2257 浏览

ruby-on-rails - 带有 React Rails 目录的 Rails 项目?

显示我的 Rails 结构以进行反应的图像

我有很多反应组件,并希望简单地保持它们更好地组织。所以我会切入正题,问。是否可以将我的反应组件放在目录中,如果可以,我如何在视图和其他反应组件中选择它们?

我已经尝试了一些变体,例如下面的变体,但没有成功,并且担心这根本不可能?也找不到任何关于此的文档。

编辑:为了澄清,我想明确表示我使用的是典型的 rails 项目结构,并且对于 react 我正在使用 react-rails gem 来处理我的组件以及生成它们。

Edit2:为了进一步澄清,我正在寻找一种按目录定位反应组件的方法,如下所示:

其中每个目录将是“组件”的子目录。

0 投票
1 回答
124 浏览

ruby-on-rails - 为什么 createElement 会阻止 DOM 在 react-rails 中加载?

我正在阅读本教程,在我更改 Records 组件并React.createElement RecordForm, handleNewRecord: @addRecord在两个 DOM 渲染之间添加之前一直很好。似乎完全干扰和阻止 DOM 渲染。

这是组件:

控制台错误显示“未捕获的 ReferenceError:RecordForm 未定义”。哪个,是的,我这样做了,它是:

是什么赋予了?

0 投票
1 回答
82 浏览

ruby-on-rails-4 - 用于反应代码的 HTML 中出现的神秘跨度

我正在使用coffeescript宝石react-rails。在 中measure.js.coffee,咖啡代码中没有跨度,但是当绘制 HTML 时,出现了一个神秘的幽灵跨度。下面是它生成的代码和 HTML 的截图。在此处输入图像描述 在此处输入图像描述

carousel-mImages在我的代码中,和之间没有跨度mtag-images。是不是因为reactCSSTransitionGroup = React.createFactory(React.addons.CSSTransitionGroup)

0 投票
2 回答
201 浏览

reactjs - Coffeescript - 如何应用闭包和匿名函数

我试图将for循环变量作为参数传递给coffeescript中的onclick方法,如下所示:

option_value总是指 in 的最后一个option_value@state.option_values。我知道如何用普通的 javascript 解决这个问题。但是,如何在咖啡中解决这个问题?

0 投票
1 回答
392 浏览

ruby-on-rails - React 组件不影响 Rails 视图

我的反应组件没有显示在 Rails 视图上。我不明白出了什么问题。也没有错误。只是空白页。

我已经安装了 react-rails gem

这是我的restaurant.js.jsx

这是我的index.html.erb

0 投票
2 回答
169 浏览

ruby-on-rails - Json之后的Rails名称错误

我的 Rails 项目中有两个 JSON 文件

index.json.jbuilder

_restaurant.json.jbuilder

当我在我的 index.html.erb 上渲染我的组件时

我得到这个错误。

餐厅名称错误#index

任何想法 ?

0 投票
2 回答
1581 浏览

ruby-on-rails - React.js 和 Rails 模型之间的通信

我想做的事 ?

我不想在我的 Rails 视图文件中显示带有我的 Rails 模型中的 react.js 组件的数据。

我有的 ?

我已经安装了这些宝石

我做了什么 ?

我创建了一个新的 Rails 项目。我安装了 react-rails gem 和 rails-admin gem 创建了具有以下类型的新控制器

rails g 脚手架帖子标题:字符串正文:文本

我可以从 Rails 管理员帖子中添加一切都很好。

我的控制器看起来像:

这是我的意见/帖子/index.html.erb 文件

这是views/posts/index.json.jbuilder文件

这是views/posts/show.json.jbuilder文件

这是我的反应组件文件 assets/javascripts/components/post_list.js.jsx

所以我不明白我错在哪里。我无法从 json 获取数据到 index.html.erb。我怎样才能做到这一点?请帮助我被卡住了,我在互联网上找不到任何可以理解的东西

0 投票
2 回答
4912 浏览

ruby-on-rails - 在 React-Rails 应用程序中,将实例变量从控制器传递到组件(并返回)

我正在使用 ES6 创建一个 React-Rails 应用程序,并且我很难将数据从控制器传递到组件(以及返回)。

我的应用程序包含一个记录表单,它将新创建的记录推送到记录组件。

我的 Records 控制器中的代码是:

Records 组件的代码是:

记录表单组件的代码是:

Record 组件的代码是:

运行此代码时,我收到以下有关 Records 组件中的 render 方法的错误:

未捕获的类型错误:无法读取未定义的属性“地图”

我为这个问题的长度道歉,但我已经研究了一段时间,坦率地说我很困惑。

有谁知道为什么这不起作用?我非常感谢任何人可以提供的任何建议。谢谢!