У меня есть несколько div и span, которые я использую в качестве кнопок, и мне нужно переключаться между состоянием нажатия aria на «true» и «false». Конечно, это можно сделать с помощью aria-press = {this.state.pressed}, но для этого мне потребуется иметь состояние aria для каждой кнопки (их много).
Мое альтернативное решение состояло в том, чтобы использовать троичный и условно отображать разные div. Например,
{ this.state.buttonChange? <div onClick=(this.buttonChange} aria-pressed="true></div> : <div onClick=(this.buttonChange} aria-pressed="false"></div>}
Но это приведет к созданию большого количества дублированного кода и, возможно, будет менее эффективным, чем просто наличие кучи разных состояний арии.
Каков наиболее эффективный способ решения этой проблемы в React без использования встроенного элемента кнопки html?