react-router 4卸载匹配组件

时间:2017-01-28 17:04:12

标签: javascript reactjs react-router

我遇到一个问题,新的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/

0 个答案:

没有答案