как использовать аутентификацию с использованием переменной состояния приставки

Question

Я использовал переменную состояния в redux и изменил ее после входа в систему.как я могу использовать это, чтобы изменить, если пользователь вошел в систему или нет?

Когда я обновляю страницу, она перенаправляет на страницу входа.

        if(authError === "") return <Redirect to='/login/' />
        return (
            <div>
                <Header />
                <Router history={history}>
                    <Switch>
                        <Route exact path="/" component={Home} />
                        <Route path="/contactus" component={ContactUs} />
                        <Route path="/jobsnearyou" component={JobsNearYou} />
                        <Route path="/CandidateChat" component={CandidateChat} />
                        <Route path="/myprofile" component={MyProfile} />
                        <Route path="/candidateprofile" component={CandidateProfile} />
                        <Route path="/employerprofile" component={EmployerProfile} />

                    </Switch>
                </Router>
                <Footer />
            </div>
        );

i change "authError = null"если залогинен

Answer 1

Это ожидаемый результат.После перезагрузки страницы вы всегда получите начальное значение, которое вы установили в редукторе.Затем, если у вас есть значение "" по умолчанию, оно всегда должно перенаправляться на страницу входа при перезагрузке.Одним из способов решения этой проблемы было бы сохранение состояния входа в локальное хранилище и извлечение этого значения во время монтирования страницы.

Здесь можно проверить, как работает локальное хранилище:

https://developer.mozilla.org/en-US/docs/Web/API/Window/localStorage