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

发布时间：2020-12-15 20:15:32 所属栏目：百科来源：网络整理

导读：我有一个在路由上加载的react组件我需要从组件构造函数中的url访问参数我该怎么做？我可以像这样访问它： class CustomCoponent extends React.Component { constructor(props,{match}) { }} 解决方法您可以通过从匹配道具中获取参数来访问react-router-

我有一个在路由上加载的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;
   }
}

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!