如何使用react-router进行重定向而不更改url查询参数

时间:2019-01-16 17:36:37

标签: reactjs react-router

我的应用程序中的URL在每个URL的开头都有一个语言前缀。例如http://localhost:3000/en/categories

我有问题,我从API获得以下URL: http://localhost:3000/order/error=An+error+occured.

这里的问题是,由于缺少langauge前缀,因此react-router找不到URL。我尝试使用redirect重定向到具有语言前缀的相同URL,但是缺少URL查询参数(error = An + error + occured。)。

我的问题是,是否有可能在不更改url查询参数的情况下从http://localhost:3000/order/:orderId/error=An+error+occured.重定向到http://localhost:3000/${lang}/order/:orderId/error=An+error+occured.

<Switch>
  <Route path={`/:${lang}/categories`} render={() =><Categories/>} />
  <Route path={`/:${lang}/order/:orderId/`} render={() =><Error/>} />

  <Redirect from={`/order/:orderId/`} to={`/${lang}/order/:orderId/`} />
</Switch>

使用此代码,我重定向到:http://localhost:3000/${lang}/order/:orderId/ 而不是http://localhost:3000/${lang}/order/:orderId/error=An+error+occured.

0 个答案:

没有答案