danielchistyakov
@danielchistyakov
Frontend Developer

Как изменить контент в блоке по клику на ссылку изменить контент в React?

Слева есть ссылки, справа есть блок, в котором должен выводиться контент в зависимости от клика на определённую ссылку из левого столбца.
Решение должно быть для React, заранее благодарю.
Есть ощущение, что нужно копать в сторону пропсов, но пока не очень понимаю как это осуществить со стороны логики и кода.
5fff3eb49d4d9204877947.jpeg
  • Вопрос задан
  • 49 просмотров
Решения вопроса 1
@PAVLIK_GYRA
Попробуй поставить атрибут onClick={Func} а уже Fuck будет менять содержимое.
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
@n1ksON
Интерн
Два варианта:

1. На чистом ReactJS.
Пишите useState, в котором массив с объектами данных. На каждую кнопку вешаете одно и тоже событие, которое будет выводить контент, в зависимости от id блока, на который кликнули. Почитайте про хуки, а именно useState и можете ещё useEffect захватить. А также про обработку событий.

2. Как уже предлагали в комментариях, использовать react-router-dom.
Почитайте про Router и Link, посмотрите базовые примеры использования в документации. Вот как раз отличный пример из доки
Ответ написан
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы