如何在循环内调用组件

Question

我想在 CategoryBox 组件中的forEach循环中调用 CategoryProduct 组件。

我的输入：

- productos =  [ { header: 'car', src: 'picture.jpg', description: 'the car' } ]

CategoryProduct组件：

@CategoryProduct = React.createClass
render: ->
 div
  className: 'CategoryProduct'
  div
    className: 'header'
    @props.header
  div
    className: 'picture'
    @props.src
  div
    className: 'description'
    @props.description

然后我尝试调用CategoryBox组件中的 CategoryProduct 组件：

@CategoryBox = React.createClass
 render: ->
  div
   className: 'CategoryBox'
   @props.productos.forEach (prod) ->
     React.createElement CategoryProduct, { header: prod.header, src: prod.src, description: prod.description }

但输出不算什么。我在循环中做了一个控制台日志，没有问题但是它没有进入 CategoryProduct 组件