Как реализовать кастомные радиобаттоны на react?

Question

[cester]

Как правильно сделать кастомные радиобатоны?
Проект на react, можно использовать lodash или через createSelector
Радиобатонны уже сверстаны, проблема только в том как показывать выбранный радиобаттон.
Приходит массив объектов, и в объекте надо менять свойство enabled: true
соответственно в другом объекте это свойство нужно заменить на false.
Вопрос как лучше написать эту реализацию?

Comments

[Даниил Сугоняев]

Просто проверку сделайте, если баттон выбраный, то добавляйте ему свойство true, остальные, соответственно получат false.

Answer 1

[Антон Спирин]

{radios.map(radio => (
  <Radio
    key={radio.value}
    enabled={radio.value === this.state.value} 
  >
    {radio.label}
  </Radio>
))}

Активный элемент не обязательно хранится в state, может приходить и в props

Comments

[cester]

Спасибо

Answer 2

[0xD34F]

Приходит массив объектов, и в объекте надо менять свойство enabled: true
соответственно в другом объекте это свойство нужно заменить на false.

А зачем такие сложности?

Выбрана может быть только одна радиокнопка - вот и храните отдельно индекс/id/... выбранного элемента вместо enabled у каждого.