reactjs – 如何访问react组件中的url参数

  • 内容
  • 相关
小蓝博客收集整理的这篇文章主要介绍了reactjs – 如何访问react组件中的url参数,小蓝博客小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个在路由上加载的react组件

我需要从组件构造函数中的url访问参数

我该怎么做?

我可以像这样访问它:

class CustomCoponent extends React.Component {
    constructor(props,{match}) {
    }
}

解决方法

您可以通过从匹配道具中获取参数来访问react-router-dom v4.x中的路由参数.

在哪里定义路线,

import { BrowserRouter as Router,Switch,Route,Link } from 'react-router-dom';

...
<Router>
  <App>
    <Switch>
      <Route exact path="/" component={List} />
      <Route path="/:parameterToAccess" component={CustomComponent} />
    </Switch>
  </App>
</Router>
...

在您的组件中,

class CustomComponent extends React.Component {
   constructor(props) {
     super(props);
     this.routeParam = props.match.params.parameterToAccess;
   }
}

总结

以上是小蓝博客为你收集整理的reactjs – 如何访问react组件中的url参数全部内容,希望文章能够帮你解决reactjs – 如何访问react组件中的url参数所遇到的程序开发问题。

如果觉得小蓝博客网站内容还不错,欢迎将小蓝博客网站推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。

  • 打赏支付宝扫一扫
  • 打赏微信扫一扫
  • 打赏企鹅扫一扫

本文标签:

版权声明:若无特殊注明,本文皆为《小蓝博客》原创,转载请保留文章出处。

本文链接:reactjs – 如何访问react组件中的url参数 - https://www.nswin.cc/39128.html