Добрый вечер. Как сделать кнопку назад в react-router-dom

Question

Добрый вечер. Как сделать кнопку назад в react-router-dom

чтобы состояние компонента сохранялось? useNavigate(-1) не работает, потому что при возвращении на страницу назад выбранные кнопки сбрасываются

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

0

25.09.2023

14 ответов

24 просмотра

dismaa 🧝‍♀️ Baltukov Автор вопроса

Guys, помните вчера задавал вопрос, про то, как сделать так, чтобы при клике на кнопку назад можно было вернуться на предыдущий экран, и чтобы не терялся стейт? Были разные советы в этом чате, по типу редакс, контекст или даже куки и локал. Решил я эту проблему при помощи стейта который хранит инфу над всеми экранами (родительский)

0

26.09.2023

Ilya Agarkov

dismaa 🧝‍♀️ Baltukov
Guys, помните вчера задавал вопрос, про то, как сд...

ты перенес стейт в root компонет?

0

26.09.2023

Alexandr

dismaa 🧝‍♀️ Baltukov
Guys, помните вчера задавал вопрос, про то, как сд...

Ну вот ты, собственно, описал сейчас одну из проблем, которую решает любой стейт-менеджер. Если правильно хранить стейт, то не будет возникать вопросов - как сделать так, чтобы он не пропадал при анмаунте. А ещё у тебя теперь куча лишних рендеров будет, если этот стейт менять, эту проблему тоже решает любой стейт-менеджер

0

26.09.2023

dismaa 🧝‍♀️ Baltukov Автор вопроса

Ilya Agarkov
ты перенес стейт в root компонет?

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

0

26.09.2023

Liubomyr

dismaa 🧝‍♀️ Baltukov
Guys, помните вчера задавал вопрос, про то, как сд...

Вот тут и входит в здание стейт в url

0

26.09.2023

dismaa 🧝‍♀️ Baltukov Автор вопроса

Liubomyr
Вот тут и входит в здание стейт в url

ну эт аля php подход

0

26.09.2023