Задать вопрос
@cester
react

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

Как правильно сделать кастомные радиобатоны?
Проект на react, можно использовать lodash или через createSelector
Радиобатонны уже сверстаны, проблема только в том как показывать выбранный радиобаттон.
Приходит массив объектов, и в объекте надо менять свойство enabled: true
соответственно в другом объекте это свойство нужно заменить на false.
Вопрос как лучше написать эту реализацию?
  • Вопрос задан
  • 185 просмотров
1 комментарий
Подписаться 1 Простой 1 комментарий
Решения вопроса 2
rockon404
@rockon404 Куратор тега React
Frontend Developer 
{radios.map(radio => (
  <Radio
    key={radio.value}
    enabled={radio.value === this.state.value} 
  >
    {radio.label}
  </Radio>
))}

Активный элемент не обязательно хранится в state, может приходить и в props
Ответ написан
1 комментарий
1 комментарий
0xD34F
@0xD34F Куратор тега React
Приходит массив объектов, и в объекте надо менять свойство enabled: true
соответственно в другом объекте это свойство нужно заменить на false.

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

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

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Frontend React
Glob-com
от 100 000 ₽
React разработчик
Uptrade
от 150 000 до 200 000 ₽
JS|React Native разработчик
Венста • Киров
от 60 000 до 120 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Сверстать лейдинг на Joomla
24 апр. 2024, в 22:11
2000 руб./за проект
Консультация ПЛИС (FPGA)
24 апр. 2024, в 22:00
500 руб./в час
SEO сайта услуг
24 апр. 2024, в 21:49
10000 руб./за проект
Ещё заказы