从可枚举块内部返回 erb

Posted 2023-03-16

【中文标题】从可枚举块内部返回 erb

【英文标题】：Return erb from inside enumerable block

【发布时间】：2016-06-04 11:36:56

【问题描述】：

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

目前，这是我的代码：

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

我想用这样的东西：

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

对于这种情况有普遍接受的最佳做法吗？

【参考方案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>

【讨论】：

谢谢，说实话感觉有点不靠谱。我更喜欢这个解决方案