從可枚舉塊內部返回erb

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>