react-rails

0热度

1回答

我是很新的反应。如何使用Jsx和CoffeeScript显示@props？在我的文件records.js.jsx.coffee我有下面的代码显示记录的日期和标题： @Record = React.createClass render: -> `<tr> <td>{@props.record.date}</td> <td>{@props.record.

0热度

1回答

为html中禁用的元素启用onMouseOut

在react-rails中，onMouseOut事件仅在未禁用元素时才起作用。以下是在渲染方法的代码： dom.button type: 'submit' 'data-toggle': "popover" title: "Form Requirements" 'data-content': 'Please fill in all the form

0热度

1回答

Rails邮件程序：生成没有用户模型的电子邮件

我使用react-rails创建基本应用程序。有没有涉及到的机型，但我有必要通过一个简单的形式，看起来像这样生成的电子邮件：由于我使用的反应，我需要生成一个AJAX Post请求并将其指向对着我的铁轨邮件。在我看到的所有rails邮件程序示例中，当创建新用户时（在用户发布路径中）发送邮件。我不需要这个。是否有可能像处理控制器一样处理我的邮件并直接发送到邮件程序？路线将如何显示？在此先感谢

0热度

1回答

为什么createElement会阻止DOM在react-rails中加载？

我正在通过这个tutorial，直到我更改了记录组件并在两个DOM渲染之间添加了React.createElement RecordForm, handleNewRecord: @addRecord。似乎干扰和防止DOM渲染。这里的组件： @Records = React.createClass getInitialState: -> records: @props.data

1热度

2回答

的CoffeeScript - 如何申请关闭和匿名函数

我试图通过对循环变量作为CoffeeScript的参数传递给一个onclick方法如下： for index, option_value of @state.option_values dom.span key: "#{index} #{option_value.name}" className: "pull-left col-md-3#{if

1热度

1回答

React组件不影响导轨视图

我的反应组件未在导轨视图中显示。我不明白什么是错的。也没有错误。只是空白页。我已经安装了反应护栏宝石这里是我的restaurant.js.jsx var Restaurant = React.createClass({ propTypes: { name: React.propTypes.string, address: React.propTypes.str

3热度

2回答

React.js和Rails模型之间的通信

我想要做什么？我不想在我的导轨上显示来自我的导轨模型的react.js组件的视图文件数据。我有什么？我已经安装了这些宝石 rails-admin react-rails 我干了什么？我创建了一个新的rails项目。我安装了反应护栏宝石和Rails管理员宝石创造了新的控制器，具有以下类型轨摹支架帖子标题：绳体：文字，我可以从轨添加管理员的职位都是好。我的控制器看起来像： cl

1热度

1回答

你如何引用Rails应用程序中的第三方反应组件？

我正在用react-rails创建一个应用程序。这意味着所有资产都流过rails asset pipeline。为了访问第三方JavaScript库，我一直利用rails-assets.org，它将来自Bower的JavaScript包捆绑到您的rails环境中。大多数包可以直接在JavaScript代码中调用。所以，如果你加包，拿marked降价库，包括它想： gem 'rails-asset

2热度

2回答

在React-Rails应用程序中，将实例变量从控制器传递到组件（并返回）

我正在创建一个使用ES6的React-Rails应用程序，而且我无法将数据从控制器传递到组件（并返回）。我的应用程序包括一个记录表单，将新创建的记录推送到记录组件。我的记录器中的代码是： class RecordsController < ApplicationController def index @records = Record.all end

0热度

1回答

添加到购物篮过滤器VS Splice ReactJS Javascript

我是一个应用程序，我可以添加一个productItem到篮子。目前，如果用户从篮子中移除一个项目，我正在使用.filter从basketItems数组中删除basketItem对象。然后，我使用过滤的项目将StateState设置为该数组。 removeItem(msg, data) { let newStateItems = this.state.items.filter((i) =>