我遇到一个问题,新的react-router 4取消了我认为不应该的东西。
请参阅以下简单示例。单击“主页”链接将卸载根组件中的匹配/未命中。那是为什么?
function Root() {
return (
<Router>
<div>
<h1>Example</h1>
<Match exactly pattern="/" render={() => <Redirect to="/home" />} />
<Miss component={App} />
</div>
</Router>
)
}
function App() {
return (
<div>
<ul>
<li><Link to="/home">Home</Link></li>
</ul>
<Match pattern="/home" component={Home} />
</div>
)
}
function Home() { return (<h1>Home</h1>); }
ReactDOM.render(
<Root/>,
document.getElementById('container')
)
在jsfiddle上运行示例:https://jsfiddle.net/blacksails/s1fv62vc/