将URL参数传递给React.js根组件

时间:2020-04-14 07:29:20

标签: javascript reactjs

我需要根据哪个客户端正在使用它来自定义我的React.js应用程序的样式,并且我试图在url中传递客户端ID。网址看起来像这样:

/#/app/client/dashboard

我使用以下参数创建了Rout

<Route path="/app/:client/dashboard" component={Dashboard} />

太好了。现在,我想在根组件中检索参数。我尝试了两件事。首先是查看它是否在props对象中:

export default function App(props)

但不存在。

然后,我尝试在localStorage组件中为客户项设置Dashboard,但是为时已晚,因为在App()函数之前调用了Dashboard()函数。

还有其他方法吗?

1 个答案:

答案 0 :(得分:1)

我不确定这是否是正确的方法。如果只是需要解决问题,请尝试使用window.location,因为它将提供对当前URL的访问权限

let url = window.location.pathname;
console.log(url);