mock react-router
的 <Redirect />
元件是可行的,但這個做法可能存在一些缺陷,因為我們並不能確定使用者是不是確實 redirect 了。所以我們將使用 createMemoryHistory
來測試 react-router。
首先,先看 main.js
檔案:
main.js
function Main() {
return (
<div>
<Link to="/">Home</Link>
<Link to="/about">About</Link>
<Switch>
<Route exact path="/" component={Home} />
<Route path="/about" component={About} />
<Route component={NoMatch} />
</Switch>
</div>
)
}