Javascript 如何在rails视图中实现每个_切片？

我有父组件怪物，在那里我渲染怪物组件

for monster in @state.monsters
      React.createElement Monster, key: monster.id, monster: monster, team: @state.team...

怪物内部：

div className: 'col-md-4',
  hr {}
  img
    className: 'img-responsive img-circle thumbnail'

问题是有一个引导列和行，它的中断。我需要像每个切片一样的方法，将每个（3）对象包装到引导行中。 我使用了lodash_chunk和custom Array.prototype变体，但react变量在这个循环中不可用

Array::each_slice = (size, callback) ->
  i = 0
  l = @length
  while i < l
    callback.call this, @slice(i, i + size)
    i += size

未捕获的TypeError:无法读取未定义的属性“team”

---

有人能帮我吗？

在

每个片的
回调中，
@
的值是不同的。要查看差异，请尝试以下操作：

console.log(@) # `@` is the React component
@state.array.each_slice 3, (slice) =>
  console.log(@) # `@` is `window`, the global object
  for component in slice
    React.createElement Monster, team: @state.team # ...

要在回调中保留值
@
，请使用“胖箭头”（
=>
），如下所示：

console.log(@) # the React component
@state.array.each_slice 3, (slice) =>
  console.log(@) # still the React component :)
  for component in slice
    React.createElement Monster, team: @state.team # ...

您能在视图中获取@state吗？
console.log(@) # the React component
@state.array.each_slice 3, (slice) =>
  console.log(@) # still the React component :)
  for component in slice
    React.createElement Monster, team: @state.team # ...