动态按钮输出React.js

Question

我即将构建一个小型WebApp，其中包含对个人使用和某些体验的反应：）

我想使用用户输入 - ＆gt;取决于他将填写多少个职位，可能的数量＆＃34;标签＆＃34;或＆＃34;按钮＆＃34;会有所不同

对于这个例子，我创建了一个名为＆＃34; data＆＃34;的数组状态。

我想问你是否有更好的方法来处理这种情况，如果点击其中一个按钮，你将如何处理动作？

简单的vanilla事件监听器，然后继续在该函数内做出反应或者说是不同的？

我应该同时为每个创建的按钮创建一个onClick = {this.someFunc}吗？

这是我的小反应代码： http://pastebin.com/eseYdr3G

Answer 1

我认为你有正确的想法。创建按钮时，可以将其id设置为正确的名称，并设置其单击回调，如下所示：

return <button id={i[0]} onClick={this.handleClick}>{i[0]}</button>

（在这种情况下，ID与名称相同，但您可以随意使用。）

然后你在课堂上有你的处理程序：

handleClick: function(e) {
  e.preventDefault();
  var buttonName = e.target.id;
  // buttonName is the name of the button clicked
}