Question

从可枚举中返回erb的最佳方法是什么？

目前，这是我的代码：

<% @projects.collect do |p| %>
  <%= react_component("Project", p) %>
<% end %>

我想使用这样的东西：

<%= @projects.collect{ |p| react_component("Project", p) } %>

这种情况是否有普遍接受的最佳做法？

Answer 1

我个人认为混合erb并且像这样直接反应有点不可思议。所以，如果是我，我会创建一个更高阶的React组件，它接收你的项目集合并吐出子组件本身。喜欢的东西;

 <%= react_component ("Projects", {projects: @projects}) %>

 <script>
     var Projects = React.createClass({
         render: function(){
             <div>
                 { this.props.projects.map(function (project){
                     return <Project p={project}/>
                 }); }
             </div>
         }
     });
 </script>

从可枚举块内返回erb

1 个答案: