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

【问题标题】：Declaring React Native routes in child components not working在子组件中声明 React Native 路由不起作用
【发布时间】：2018-04-13 09:10:30
【问题描述】：

我在使用 react router v4 在 react native 中实现嵌套路由时遇到问题。

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

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

简单吗？

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

git clone https://github.com/814k31/TestReactNativeRoutingv4.git
cd TestReactNativeRoutingv4
npm install
npm run <platform>

https://github.com/814k31/TestReactNativeRoutingv4

【问题讨论】：

更新的 repo 还包括一个 reactjs 示例，具有相同的问题新 repo 名称 github.com/814k31/TestReactNestedRoutingv4

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

【解决方案1】：

感谢 concord 上的反应人员

我需要使用相对链接，否则路由器会在根组件 (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> )

【讨论】：