在React.js中绑定多个DOM节点上的多个事件

Question

说我有一个国际象棋布局，它有很多像

这样的节点

    <div>1</div>
    <div>2</div>
    <div>3</div>
    <div>4</div>
..till 100

如何向他们添加活动？如果我按照正常方式行事，比如

<div onClick={this.doSomething.bind(this)}>1</div>

意味着我必须在100个DOM节点上拥有100个事件绑定。我不明白这是有道理的。

Answer 1

第一个，如果你有一个节点列表，你可以按ListNodes.map((node,index)=>{renderOneNode()})进行渲染。

第二，在function renderOneNode()中，您可以为所有节点添加一个事件。 例如：

ListNodes.map((node,index)=>{
  return (
   <div onClick={this.doSomething.bind(this,node)}>{index}<div>
);
})

用于控制您单击的节点的函数doSomething(node)。