在React Router <redirect>中重用参数

Question

我想分别从/web/或/beta/重定向到/web/dashboard或/beta/dashboard/。

我尝试使用如下方式...

<Redirect exact from="/:platform(web|beta)" to="/:platform/dashboard" />

问题是，当我进入www.abc.com/beta时，它只是将我重定向到www.abc.com/undefined/dashboard而不是将:platform替换为beta。

作为参考，我使用以下版本："react-router-dom": "^4.2.2"

Answer 1

我发现一种可行的解决方案是不用依赖参数，而可以使用location.pathname道具。

<Redirect exact from="/:platform(web|beta)/" to={`${this.props.location.pathname}/dashboard`}/>

Answer 2

您可以从道具中获得那些参数

最新版本的React Router是

create table state ( sid number(3) , name varchar2(100), gid number(3) , constraint state_pk primary key (sid), constraint gov_state_fk foreign key (gid) references gov(gid) );

Docs