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>
        );

如果登录，我会更改为“ authError = null”

Answer 1

这是预期的结果。重新加载页面后，您将始终获得在reducer中设置的初始值。然后，如果您具有默认的""值，则该值应始终在重新加载时重定向到登录页面。解决该问题的一种方法是将登录状态保存在本地存储中，并在页面安装期间检索该值。

您可以在此处查看本地存储的工作方式：

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

如何使用redux状态变量使用身份验证

1 个答案: