動態按鈕輸出React.js

Question

我將構建一個小型WebApp，並針對個人使用和一些經驗做出反應:)

我想使用用戶輸入->根據他要填寫的職位數量，可能出現的“標簽”或“按鈕”數量會有所不同

對於此示例，我創建了一個稱為“數據”的數組狀態。

我想問您是否有更好的方法來處理這種情況，如果單擊這些按鈕之一，您將如何處理動作？

簡單的香草事件偵聽器，然后繼續在該功能內做出反應或完全不同？

我是否應該同時為每個創建的按鈕創建onClick = {this.someFunc}？

這是我微小的反應代碼： http : //pastebin.com/eseYdr3G

Answer 1

我認為您有正確的主意。 創建按鈕時，可以將其ID設置為正確的名稱，並設置其click回調，如下所示：

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
}