Всем привет, есть такой код, с 14 по 30 строках

Question

Всем привет, есть такой код, с 14 по 30 строках

(Shop.jsx) этот функционал хочу вытащить в кастомный хук, чтоб переиспользовать в других компонентах, с справа хук сам, в 53 строке (Shop.jsx) он брал значение из state, как можно это реализовать ? Вообще одуплить не могу...

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

0

11.06.2022

19 ответов

12 просмотров

Евгений Волков Автор вопроса

Dmitriy
Возвращать нужно массив с стейт и сет стейт, еще ф...

снова проблема, возвращаю state, setState, toggleDrawer, если toggleDrawer задавать для события клик в другом компоненте , в shop state не меняется, вы написали что нужно и setState вернуть, а как его использовать не очень понятно

0

11.06.2022

Макс Сивенков

Евгений Волков

снова проблема, возвращаю state, setState, toggleD...

А можешь импорты которые с библы не делать между ними пустую строку а совместно их писать а свой импорты которые не из библы писать ниже и все вместе что бы понимать что где и когда

0

11.06.2022

Egor Платонов

Работает все правильно, как ты и написал, если ты хочешь возращать новое значение стейта каждый раз при его изменении то тебе надо отслеживать его изменение с помощью useEffect внутри хука

0

11.06.2022

Евгений Волков Автор вопроса

Egor Платонов
Работает все правильно, как ты и написал, если ты ...

можно пример?) я чет вообще понять не могу, или статья ?

0

11.06.2022

Расул Султанбеков

Евгений Волков
можно пример?) я чет вообще понять не могу, или ст...

Скинул 2 фото

0

11.06.2022

Евгений Волков Автор вопроса

на 12 строке получаю функцию и state, в другом компоненте мне нужна только функций toggleDrawer, которая при клике меняет state, этот state нужно каждый раз новый получать в Shop, вы написали использовать useEffect, не понятно как его использовать, чтоб при вывозе toggleDrawer state обновлялся в Shop.jsx

0

11.06.2022

Egor Платонов

Евгений Волков
на 12 строке получаю функцию и state, в другом ком...

При двух разных хука в разных компонентах создается разный стейт для этих двух компонентов.

0

11.06.2022

Egor Платонов

Egor Платонов
При двух разных хука в разных компонентах создаетс...

Если ты в app вызвал твой хук , и хочешь из shop обращаться к toggleDrawer который сейчас в app то это не сработает.

0

11.06.2022

Egor Платонов

Евгений Волков
на 12 строке получаю функцию и state, в другом ком...

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

0

11.06.2022

Евгений Волков Автор вопроса

Egor Платонов
Если ты в app вызвал твой хук , и хочешь из shop о...

насколько я понял state будет меняться только там где вызван хук, здесь в Header я использую только toggleDrawer здесь он и меняется, и поэтому в shop не меняется state, у них как бы они разные, или я неправильно понял

0

11.06.2022

Egor Платонов

Евгений Волков
насколько я понял state будет меняться только там ...

Правильно

0

11.06.2022

IceBerg

Евгений Волков
насколько я понял state будет меняться только там ...

у тебя независимые стейты здесь, но ничего не мешает всё что нужно из первого компонента, прокинуть во второй

0

11.06.2022

Евгений Волков Автор вопроса

IceBerg
у тебя независимые стейты здесь, но ничего не меша...

из header в shop?

0

11.06.2022

Евгений Волков Автор вопроса

Сложно) Если у меня toggleDrawer вызывается в header и меняет state, этот измененный state я получить в другом компоненте не смогу?

0

11.06.2022

IceBerg

так пускай это будет стейт Shop, а сеттер передай в Header

0

11.06.2022

Евгений Волков Автор вопроса

IceBerg
так пускай это будет стейт Shop, а сеттер передай ...

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

0

11.06.2022

Dmitriy

Евгений Волков
Сложно) Если у меня toggleDrawer вызывается в head...

Только через контекст или редукс. Ну или пропсами прокидывать до нужного компонента.

0

11.06.2022

IceBerg

Евгений Волков
ну я до этого так и делал) думал можно будет сдела...

ну можешь взять сетйт менеджер, и тогда уже плясать со стейтом как угодно

0

11.06.2022

Dmitriy · Accepted Answer

Dmitriy

Возвращать нужно массив с стейт и сет стейт, еще функцию которую возвращайте сейчас поменяйте на конст и его тоже верните. Ну и потом подключайте хук в шоп компонент и достаете что вам нужно.

0

11.06.2022

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

Всем привет, есть такой код, с 14 по 30 строках

19 ответов

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