Мне было интересно, есть ли способ отправить дополнительные реквизиты для тега div в реакции? Я пытаюсь создать пользовательские переключатели и надеюсь добавить еще одну опору для представления типа данных, с которыми имел дело конкретный переключатель.
Это мой 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)
}
консоль выводит undefined, а не имя события, которое было определено и отображается в другом месте просто отлично. Насколько я понимаю, value не является опорой для тегов div и решил, что именно поэтому он отображает undefined. Я рассмотрел добавление this.state.event.name в качестве класса, однако кажется, что я не могу сделать что-то вроде className="selection {this.state.event.name}". Есть ли другой способ, которым я могу достичь этого?