时间戳

首页 > 解决方案 > 将 url 参数传递给 React.js 根组件

javascript - 将 url 参数传递给 React.js 根组件

问题描述

我需要根据使用它的客户端自定义我的 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()函数之前调用的。

有没有其他方法可以做到这一点？

标签： javascriptreactjs

解决方案

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

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

推荐阅读