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