动态按钮输出反应.js

Dynamic button output React.js

本文关键字：js 输出 按钮 动态      更新时间：2023-09-26

我即将构建一个带有 react 的小型 WebApp，供个人使用和一些经验:)

我想使用用户输入 ->根据他将填写的职位数量，可能的"选项卡"或"按钮"的数量会有所不同

对于此示例，我创建了一个名为"data"的数组状态。

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

简单的香草事件侦听器，然后在该函数内继续反应还是完全不同？

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

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

我认为你的想法是正确的。创建按钮时，可以将其 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
}
相关文章：