2017-10-10 72 views
0

我有一个react-rails项目(ES5),我试图在React Component.js中的_form.html.erb文件中渲染表单.jsx ......如果甚至有可能,我真的很失望如何处理这种情况。在我的项目中有很多形式,但是在我的html.erb视图中,所有形式都呈现为传统的<%= render "samples/new_sample_form" %>方式。但是,现在我在一个React组件中,并试图将我的Rails表单放入js.jsx文件中。我曾尝试创建一个变量var sampleForm = "<%= render 'samples/new_sample_form' %>",但这不起作用,只给了我作为文本的途径而没有做任何事情。React Rails:在React中渲染html.erb文件js.jsx

那么 - 是否有可能做我正在尝试的,如果是的话......如何?谢谢。

Code in js.jsx - >var taskForm = "<%= render 'tasks/new_task_form' %>" - >My result

回答

1

为了这工作,你就必须贯穿该局引擎文件。你可以尝试重命名你的React文件some_component.js.jsx.erb,但这不是真正的“反应”方式。

你应该完全摆脱你的表单并重建它作为一个React组件。然后你可以使用Ruby将道具传递给你的组件。所以在你看来:

<%= react_component 'YourFormComponent', {prop1: 'prop1_value', prop2: 'prop2_value'} %>