Import React, {useEffect, useState} from 'react'; import {Navigate} from "react-router-dom"; const Logout

Question

Import React, {useEffect, useState} from 'react'; import {Navigate} from "react-router-dom"; const Logout

= () => {
const [clear,setClear] = useState(false);
useEffect(()=>{
localStorage.clear();
setClear(true);
return
}, [])
return (
<div>
{clear&&<Navigate to={"/login"}/> }
</div>
);
};

export default Logout;
Это правильно?

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

0

18.01.2022

14 ответов

13 просмотров

Xurshid Aliyarov Автор вопроса

Aleksey
return в эффекте зачем?

effectUnmount()

0

18.01.2022

Илюша 🎂

Xurshid Aliyarov
effectUnmount()

и чё ты чистить собрался

0

18.01.2022

Aleksey

Xurshid Aliyarov
effectUnmount()

мм.понятно. ну ладно. а что на анмаунт чистим?

0

18.01.2022

Xurshid Aliyarov Автор вопроса

Илюша 🎂
и чё ты чистить собрался

да

0

18.01.2022

Xurshid Aliyarov Автор вопроса

Aleksey
мм.понятно. ну ладно. а что на анмаунт чистим?

useEffect(()=>{ localStorage.clear(); return setClear(true); }, []) правильно?

0

18.01.2022

Aleksey

return в эффекте зачем тебе?

0

18.01.2022

Xurshid Aliyarov Автор вопроса

Aleksey
return в эффекте зачем тебе?

НЕ нужна,

0

18.01.2022

Xurshid Aliyarov Автор вопроса

import React, {useEffect, useState} from 'react'; import {Navigate} from "react-router-dom"; const Logout = () => { const [clear,setClear] = useState(false); useEffect(()=>{ localStorage.clear(); setClear(true); return }, []) return ( <> {clear&&<Navigate to={"/login"}/> } </> ); }; export default Logout;

0

18.01.2022

Aleksey

в твоем примере нет. return нужен для запуска отписок. у тебя просто стейт устанавливается и ЛС чистится

0

18.01.2022

Xurshid Aliyarov Автор вопроса

Aleksey
в твоем примере нет. return нужен для запуска отп...

спасибо

0

18.01.2022

Sm•ok 👾