将单独的信息传递到散列渲染中

Question

所以说我有一个对象哈希，我想在父母的渲染中渲染：

renderChild: function(child) {
  return (
    <Child key={child}/>
  );
},

render: function() {
  return (
    <div>
      {Object.keys(hashObj).map(this.renderChild)}
    </div>
  );
}

但是我还有一个我想发送给这个renderChild的变量。

最好的方法是设置状态，还是可以通过地图渲染以某种方式将支柱发送到this.renderChild？

有些事情（这是错误的，因为我知道它不起作用）：{Object.keys(hashObj).map(this.renderChild, someVariable)}

我想通过地图中的道具发送它，所以我没有必要跟踪状态。

想知道这是否可行？

Answer 1

您可以传入调用 this.renderChild的匿名函数，而不是直接引用它。不要忘记确保map使用this的正确值：

render: function() {
  return (
    <div>
      {Object.keys(hashObj).map(function(item) {
        return this.renderChild(someVariable);
      }, this)}
    </div>
  );
}