在子组件中声明React Native路由不起作用

时间:2018-04-13 09:10:31

标签: reactjs react-native routes nested react-router

我在使用react router v4在react native中实现嵌套路由时遇到了麻烦。

如果在App.js中声明了嵌套路由,它可以正常工作,但是当它在另一个组件中声明时,重定向不起作用。

我试图按照此处的文档:https://reacttraining.com/react-router/core/guides/philosophy/nested-routes

这简单吗?

我创建了一个简单的repo,其中包含要复制的所有代码:

  1. git clone https://github.com/814k31/TestReactNativeRoutingv4.git
  2. cd TestReactNativeRoutingv4
  3. npm install
  4. npm run <platform>
  5. https://github.com/814k31/TestReactNativeRoutingv4

1 个答案:

答案 0 :(得分:0)

感谢和谐家伙们的和谐

我需要使用相对链接,否则路由器会在根组件(App.js)中寻找路由,并且不会知道嵌套路由。

const Tacos = ({ match }) => ( // here's a nested div <div> <Route exact path={`${match.url}/Carnitas`} // The "match.url" is critical here component={Carnitas} /> TACOS <Redirect to={`${match.url}/Carnitas`} push /> // And here </div> )