3-7 登录鉴权

最新推荐文章于 2025-03-02 11:30:06 发布

原创最新推荐文章于 2025-03-02 11:30:06 发布 · 219 阅读

0 ·

CC 4.0 BY-SA版权

一个react简单项目专栏收录该内容

33 篇文章

订阅专栏

下面，我们来做这样的功能，页面有一些功能，只有登录之后才能使用，比如：“写文章” 按钮。

我们先做一个假的写文章的页面。在src/pages 下新建文件夹 write ，在write 下新建文件 index.js

import React, {PureComponent} from 'react';
import {Redirect } from 'react-router-dom';
import { connect } from 'react-redux';

class WriteArticle extends PureComponent {
    render () {
        const { loginStatus } = this.props;
        if (loginStatus) {
            return (
                <div>Write Article</div>
            )
        } else {
            return <Redirect to="/login" />
        }
    }
}
const mapState = (state) => {
    return {
        loginStatus: state.get("login").get("login")
    }
}
 
export default connect(mapState, null)(WriteArticle);

然后，我们把它放进路径里即可。