Как воспользоваться данными стейта перед тем, как компонент размаунтится?

Question

[Nikolay Matyushkin]

Всем привет! Мой вопрос заключается в следующем: как можно использовать данные стейта непосредственно перед тем как компонент размаунтится? В примере при размаунчивании, нам возвращаются пустые строки.

p.s если песочница с примером не открылась, тогда тыкай сюда

Comments

[Владимир]

useEffect(() => {
        console.log('effect');
        console.log({
            username
        });
        return () => {
          console.log("unset username", username)
        }
    }, [username]);

Перепиши ефект username вот так, увидишь интересное.

[Nikolay Matyushkin]

Владимир, теперь этот useEffect тригериться при любом изменении свойства 'username', ибо мы добавили зависимость от него.

[Владимир]

Devilz_1, Зависимоть не я добавил, я добавил консоль лог на клинап уже судествующего ефекта. Он и раньше тригерился на каждый апдейт, но показывал установку стейта, а его очистку - нет
Стей чистится перед анмаунтом.

[Nikolay Matyushkin]

Владимир, спасибо большое за фидбек, но я это ужо понял, что стейт чиститься перед анмаунтом (логично же)

Я поинтересовался, как можно воспользоваться актуальным стейтом перед размаунчиванием. Да так, что бы не подписываться на username

[Владимир]

Devilz_1, Еще раз, стейт чистится, мы это выяснили на практике. Логично что стейтом - никак. Вам нужно куда то и когда то сохранять его, подумайте над этим.

Answer 1

[Владимир]

Devilz_1, Если он чистится, то никак. Как вариант в ефекте при чистке сохранять стейт в локальную переменную.