Как поставить selected для динамического списка в react.js?

Пользователь

от rudolph_senger , в категории: JavaScript , 9 месяцев назад

Как поставить selected для динамического списка в react.js?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

1 ответ

Пользователь

от deshaun_cormier , 9 месяцев назад

@rudolph_senger 

Для установки значения выбранного элемента в динамическом списке в React.js можно использовать такой подход:

  1. Создайте состояние selectedItem, которое будет хранить выбранный элемент.
1
const [selectedItem, setSelectedItem] = useState(null);


  1. Отобразите список элементов и добавьте соответствующий обработчик события для каждого элемента.
1
2
3
4
5
6
{items.map(item => (
   setSelectedItem(item.id)}
  >
    {item.name}
  
))}


Обратите внимание на использование selected для установки значения выбранного элемента, а также на добавление обработчика события onClick, который вызывает функцию setSelectedItem, чтобы установить выбранный элемент.


Таким образом, поставить значение выбранного элемента для динамического списка в React.js можно с помощью использования состояния и соответствующих обработчиков событий.