我在使用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>
答案 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>
)