- 单页应用,根组件注入
store
使用react redux
进行状态管理,包括对任务列表和番茄时钟列表的管理,基本实质就是发送请求修改后端数据后,对state进行更改。
- 登录注册页面,输入用户名和密码后,axios拦截响应把响应头的
x-token
放到localStorage
里,下次访问时x-token
放在请求头里。
- 路由实现和跳转,
react router
跳转的两种方式类似vue router
的声明式导航和编程式导航,<Router >
里面传入属性history
为了实现编程式导航
<Router history={history}>
<div>
<Route exact={true} path="/" component={Home} />
<Route path="/login" component={Login} />
<Route path="/signUp" component={SignUp} />
</div>
</Router>
- 点击跳转路由的声明式
<Link to="/SignUp"> </Link>
- 编程式导航,通过调用
history
的API
组件里通过this.props.history.push('/')
使用,
组件之外通过history.push('/')
使用。