由rails生成的json无法被react识别

Question

我有一个这样的反应组件

var Task = React.createClass({
  render: function () {
    return (
      <div className="task" id={ this.props.task.uid }>
        <div className="header">
          <span>task #{ this.props.task.uid }</span>
        </div>
      </div>
      )
  }
});

创建任务后，我将此任务添加到create.js.erb 内的任务列表中

<% if @task.errors.any? %>
  $("#error-alert").removeClass('hidden')
<% else %>
  $('#task-modal').modal('hide')
  $('#tasks-list').prepend(React.renderToString(Task({ task: '<%= @task.to_react %>' })))
<% end %>

事实证明，当任务组件被前置时，他被前置为空（只是一个框，没有任何文本）。
我试过<%= @task.to_react.to_json.html_safe %>也没有成功

我的Task#to_react 方法：

def to_react
   {
     role: role,
     need: need,
     result: result,
     uid: uid
   }

结束

Answer 1

对 Rails 不太熟悉，但除非它在这里发挥作用，否则您将对象嵌入到字符串中。

试试

任务：

代替：

任务：''