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

涡流

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

/#/app/client/dashboard

Rout使用以下参数创建了该参数:

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

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

export default function App(props)

但它不在那里。

然后,我尝试localStorageDashboard组件中设置带有客户端项的,但这为时已晚,因为在该App()函数之前调用了该Dashboard()函数。

还有其他方法吗?

古汉S

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

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

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

将参数传递给React组件

来自分类Dev

将几个参数传递给react组件

来自分类Dev

React js将props传递给组件

来自分类Dev

如何将参数传递给React js中的函数?

来自分类Dev

Nuxt.js:将 keep-alive-props 传递给根 nuxt 组件

来自分类Dev

在React Native中将参数传递给组件

来自分类Dev

将参数传递给Blazor组件

来自分类Dev

将参数传递给功能组件

来自分类Dev

全局JS变量将HTML块传递给React组件

来自分类Dev

将根域传递给JS脚本

来自分类Dev

将没有url的参数传递给路由器中的组件

来自分类Dev

React:将功能传递给子组件

来自分类Dev

将React Route传递给子组件

来自分类Dev

将函数传递给React中的组件

来自分类Dev

将React Hook传递给功能组件

来自分类Dev

将 Redux 状态传递给 React 组件

来自分类Dev

React 将事件传递给子组件

来自分类Dev

js将附加参数传递给函数

来自分类Dev

将参数传递给 js 函数

来自分类Dev

如何将单个参数传递给返回组件的React函数?

来自分类Dev

如何将参数传递给 React 函数组件中的函数

来自分类Dev

将参数传递给骨干.js中的trigger()传递的参数

来自分类Dev

将新参数传递给组件时更新组件(VUE JS)

来自分类Dev

Angular JS,如何将URL参数传递给angularJS中的$ resouce?

来自分类Dev

如何将url作为参数传递给Angular js服务中的ajax方法

来自分类Dev

将一个React组件作为参数传递给另一个React组件

来自分类Dev

将参数动态传递给 react js 应用程序上的 Web 服务

来自分类Dev

如何将参数传递给余烬组件

来自分类Dev

将参数传递给Ionic 2中的组件