React + Ts 番茄钟总结

  1. 单页应用,根组件注入store使用react redux进行状态管理,包括对任务列表和番茄时钟列表的管理,基本实质就是发送请求修改后端数据后,对state进行更改。
  2. 登录注册页面,输入用户名和密码后,axios拦截响应把响应头的x-token放到localStorage里,下次访问时x-token放在请求头里。
  3. 路由实现和跳转,react router跳转的两种方式类似vue router的声明式导航和编程式导航,里面传入属性history为了实现编程式导航

   
  • 点击跳转路由的声明式
  • 编程式导航,通过调用history的API
    组件里通过this.props.history.push('/')使用,
    组件之外通过history.push('/')使用。

你可能感兴趣的:(React + Ts 番茄钟总结)