反应路由器重定向“父” URL

时间:2018-10-25 12:42:54

标签: reactjs redirect react-router

我正在努力寻找看起来非常简单的东西。

所以可以说我有一个像这样的网址

http://192.168.88.226:3000/test/a/hello

我想重定向到http://192.168.88.226:3000/test/b/hello

现在这是我的代码

import { Redirect } from 'react-router';
<Redirect to="b/hello" />

但是我得到http://192.168.88.226:3000/test/a/b/hello

我不知道如何“升级”并替换

谢谢大家

3 个答案:

答案 0 :(得分:0)

您可以做的一件事是:

 <Redirect to="/test/b/hello" />

答案 1 :(得分:0)

您可以使用以下步骤转到父组件:

<Redirect to="../b/hello" />

您可以像这样与后来的父母联系:

<Redirect to="../../b/hello" />

和:

<Redirect to="../../../b/hello" />

但是您可以看到,如果遍历父节点的一棵大树,它会变得混乱。

答案 2 :(得分:0)

您可以使用

import { Router, Route, hashHistory } from 'react-router/lib';
<Router history={hashHistory}>
  <Route path="/b/hello" component={myB_HelloComponent} />
</Router>

但是首先您需要检查您的反应路由器的版本