- 單頁應(yīng)用，根組件注入
store使用react redux進(jìn)行狀態(tài)管理，包括對任務(wù)列表和番茄時(shí)鐘列表的管理，基本實(shí)質(zhì)就是發(fā)送請求修改后端數(shù)據(jù)后，對state進(jìn)行更改。 - 登錄注冊頁面，輸入用戶名和密碼后，axios攔截響應(yīng)把響應(yīng)頭的
x-token放到localStorage里，下次訪問時(shí)x-token放在請求頭里。 - 路由實(shí)現(xiàn)和跳轉(zhuǎn)，
react router跳轉(zhuǎn)的兩種方式類似vue router的聲明式導(dǎo)航和編程式導(dǎo)航，<Router >里面?zhèn)魅雽傩?code>history為了實(shí)現(xiàn)編程式導(dǎo)航
<Router history={history}>
<div>
<Route exact={true} path="/" component={Home} />
<Route path="/login" component={Login} />
<Route path="/signUp" component={SignUp} />
</div>
</Router>
- 點(diǎn)擊跳轉(zhuǎn)路由的聲明式
<Link to="/SignUp"> </Link> - 編程式導(dǎo)航，通過調(diào)用
history的API
組件里通過this.props.history.push('/')使用，
組件之外通過history.push('/')使用。
