Возврат 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>