30.写文章只有在登录之后才可以编辑

1.在pages目录下新建一个文件夹write,在write中新建文件index
在这里插入图片描述
2.index中的代码

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

    render() {
        const { loginState } = this.props;
        //如果登录,就显示写文章页面,没有登录就跳转到登录页面
        if (loginState) {
            return (
               <div>写文章页面</div>
            )    
        } else
        {
            return <Redirect to='/login'/>
        }

       
    }
}

const mapState = (state) => ({
    //loginState就是当前用户的登录状态
    loginState:state.getIn(['login','login'])
})

export default connect(mapState,null)(Write);

3.把write路由放到路由项中去:
在这里插入图片描述在这里插入图片描述4.然后我们在header目录下的index中,在写文章的外层加上Link,让他跳转到write

在这里插入图片描述在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/zhuhui2000/article/details/92411610