javascript - 将附加 Prop 传递给 Div - React

Question

我想知道是否有任何方法可以将额外的 Prop 发送到 react 中的 div 标签？我正在尝试创建自定义单选按钮，并希望添加另一个 Prop 来表示特定单选按钮正在处理的数据类型。

这是我的 JSX:

<div className="selection" value={this.state.event.name} onClick={(item) => this.selectedChoice(item, "yes")}></div><p>Yes</p>

但是当我运行时:

selectedChoice(selected, response) {
    console.log(selected.target.value)        
}

控制台输出未定义而不是事件名称，事件名称已定义并在其他地方显示得很好。据我了解， value 不是 div 标签的支柱，并且认为这就是它显示 undefined 的原因。我考虑过将 this.state.event.name 添加为类，但似乎我无法执行 className="selection {this.state.event.name}".还有其他方法可以实现这一目标吗？

Answer 1

您可以添加 data- 属性:

<div data-value={this.state.event.name}>

然后:

console.log(selected.target.getAttribute("data-value"));