Javascript 将其他道具传递给Div-反应

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

这是我的JSX：

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

控制台输出的是未定义的事件名，而不是已定义并在别处显示的事件名。据我所知，value不是div标签的道具，我想这就是为什么它显示为undefined。我曾考虑将this.state.event.name添加为一个类，但似乎无法执行className=selection{this.state.event.name}之类的操作。有没有其他方法可以实现这一点？

您可以添加一个数据道具：

---

哎哟，我确实有console.logselected.target.value；，我想我忘了在最初的问题中包括这一点，我将更新我的问题以反映这一点。但即使使用selected.target.value，我也会收到未定义的结果。我看到了你的类内容-是的，value通常不是div的值。我会编辑我的答案。是的，这正是我想要做的，谢谢！别担心@Sal，总是乐于助人

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

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

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