react-router 了解一下嗎？

不用路由也可以解決這個問題。

你做一個<App />組件，把<Lists />和<Login />作為其子組件。在<App />的render()函數內定義判斷邏輯，然后把index.js里掛載的那句話改成:

ReactDOM.render(<App />, document.getElementById('contain'));

使用路由正解
this.props.history.push(/home);

創(chuàng)建文件 newfile.js

import createHistory from 'history/createBrowserHistory'
export default createHistory()

在 login 組件導入適用

import History from 'newfile'

// 使用
History.push('/routerpath/xxx')

ps: 借一樓兄臺的話, react-router 了解一下

我有一篇文章不知騷年看不看https://segmentfault.com/a/11...