如何通过 react-router 中的所有路由传递公共参数

Question

我有一个应用程序可以搜索一些项目并在找到它们时在新窗口中打开一个反应应用程序，其中包含一些特定于项目的参数。现在一旦我在新窗口中打开了我的反应应用程序。我想传递这些参数在整个应用程序的 url 中。

我搜索了它，但没有任何帮助。

这是我的场景示例： 我打开反应应用程序的网址：http://localhost:3000/dashboard?instrumentId=75064&username=XYZ&appleturl=http%3A%2F%2Flxsdfeat1.global.abcecorp.net%3A7950%2FrmsDPPortal%2Fresources%2Fsapplauncher.jar&dsfhosturl=http%3A%2F%2Flxbeat1.global.bcecorp.net%3A7950%2FrmsasdfPortal

我希望“仪表板”之后的所有内容都成为我应用程序中所有 url 的一部分。这样我就可以提取所有页面中的 url、用户名并使用它们发出 api 请求。

注意：我使用 react 路由器进行路由

Answer 1

我以这种方式传递了那个通用 url，它适用于我的用例。

browserHistory.push(
     {
        pathname : "/calsummary",
        search : searchParams
     });
     
//or
browserHistory.push(
     {
        pathname : "/calsummary",
        search : location.search//location object is which is available on   window object,window.location
     });