ReactJS：单击时获取按钮“值”

Question

我正在使用map创建按钮来遍历数组。 每个按钮都是数组中的一个项目。 我还使用React.createElement来创建每个按钮。

['NICK', 'NKJR', 'NKTNS'].map(function (brand) {
  return React.createElement('button', {
    onClick: (e) => { console.log(e.target) }
  }, brand)
})

..但是，对于onClick侦听器，我如何为每个按钮传递“值”？

例如，我试图让console.log根据单击的按钮记录“NICK”、“NKJR”或“NKTNS”。 现在，当我点击一个按钮时，它只会记录<button>NICK</button>例如（我想要“NICK”）

Answer 1

我相信您应该通过这样做来获得品牌价值：

onClick: () => {console.log(brand)}}

由于品牌的价值是在 the.map() 中访问的，所以你正在做