我想知道是否有任何方法可以将额外的 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}"
.还有其他方法可以实现这一目标吗?
最佳答案
您可以添加 data-
属性:
<div data-value={this.state.event.name}>
然后:
console.log(selected.target.getAttribute("data-value"));
关于javascript - 将附加 Prop 传递给 Div - React,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56917905/