React Rails：在React中渲染html.erb文件js.jsx

Question

我有一個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' %>"，但這不起作用，只給了我作爲文本的途徑而沒有做任何事情。

那麼 - 是否有可能做我正在嘗試的，如果是的話......如何？謝謝。

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

Answer 1

爲了這工作，你就必須貫穿該局引擎文件。你可以嘗試重命名你的React文件some_component.js.jsx.erb，但這不是真正的「反應」方式。

你應該完全擺脫你的表單並重建它作爲一個React組件。然後你可以使用Ruby將道具傳遞給你的組件。所以在你看來：

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