Доброго времени суток! Подскажите пожалуйста с одним моментом. Вот есть

Question

Доброго времени суток! Подскажите пожалуйста с одним моментом. Вот есть

у меня компонент, в виде горизонтального меню с горизонтальным скроллом. Стояла задача, отображать активную ссылку по центру родительского компонента. Решил таким образом, используя 2 хука:
const urlParams = useParams();

useEffect(() => {
const menuRowActiveItem = document.querySelector('.food-menu__link.active').parentElement;
menuRowActiveItem.scrollIntoView({inline: 'center', behavior: 'smooth'})
},[urlParams])
Вопрос: насколько такое прямое обращение к DOM элементам "законно" в рамках реакта? Если решение плохое, посоветуйте пожалуйста куда думать

#frontend #javascript #programming #react.js #russian

0

07.06.2022

8 ответов

4 просмотра

Sultan Mashukov Автор вопроса

Подскажите пожалуйтса

0

07.06.2022

Mihail Grushetckii

Sultan Mashukov
Подскажите пожалуйтса

а так к селекторам обращаться без отсутствия других вариантов не надо

0

07.06.2022

Mihail Grushetckii

Sultan Mashukov
Подскажите пожалуйтса

нужно хранить в данные Links в массиве, это в принципе правильно, а не писать ручками одинаковые компоненты с разными children и href

0

07.06.2022

Sultan Mashukov Автор вопроса

Mihail Grushetckii
а так к селекторам обращаться без отсутствия други...

Если обратите еще раз внимание, там речи о стиля не идет. Я вызываю на активной ссылке метод scrollIntoView

0

07.06.2022

Mihail Grushetckii

Sultan Mashukov
Если обратите еще раз внимание, там речи о стиля н...

можно отследить событие click

0

07.06.2022

Roman M

вероятно уже ответили, но все же напишу, что реакт все же со своим домом работает, а то что внесено насильно не помнит и не знает. это подход джиквери. нужно в самих элементах делать так чтобы показывало как надо. переменные добавлять или стили которые буду при условии показываться.

0

07.06.2022

Sultan Mashukov Автор вопроса

Roman M
вероятно уже ответили, но все же напишу, что реакт...

Ну конкретно в моем случае же, я толком никаких операции с DOM не произвожу, по крайней мере с данными. Метод scrollIntoView грубо говоря "скроллит" родительский элемент до предка, на котором он был вызван.

0

07.06.2022

Mihail Grushetckii · Accepted Answer

Mihail Grushetckii

Sultan Mashukov
Подскажите пожалуйтса

рендерить нужно с map, там указывать в style жные стили, если active === true

0

07.06.2022

169 похожих чатов

Доброго времени суток! Подскажите пожалуйста с одним моментом. Вот есть

8 ответов

Похожие вопросы