将url param传递给React.js根组件



我需要根据使用React.js应用程序的客户端来定制它的样式,并且我正在尝试在url中传递客户端id。网址如下:

/#/app/client/dashboard

我使用以下参数创建了Rout

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

太好了。现在我想在我的根组件中检索param。我试了两件事。第一个是查看它是否在props对象中:

export default function App(props)

但它不在那里。

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

还有别的办法吗?

我不确定这是否是一个正确的方法。如果只是需要解决这个问题,请尝试使用window.location,因为它可以访问当前的url

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

最新更新