Такой вопрос, у меня имеется const :
const [hovered, setHovered] = useState(false);
const toggleHover = () => setHovered(!hovered);
Как только ты юзаешь это в родительском компоненте, то все объекты имеют hover, при этом активный становится тот, на который была наведена мышь.
Как только этот компонент становится дочерним и const остается в род.компоненте, то все ломается и на выходе я имею hover на всех элементах независимо от того, куда наведется мышь(на любой из элементов) (вывожу через props).
Мне посоветовали дать родительскому элементу useContext и раскрыть его в дочернем, но эффект одинаковый.
Как дать дочернему компоненту разные состояния в элементах? Не понимаю, как взаимодействовать...
upd: useContext и вообще hovered работает, как срабатывание className, если hovered == true.
Я сразу говорю, что я не сильно "скилловый" во фронте и я уже гуглил хуки в реакте и т.д и т.п, но до меня видимо не доходит...
