React Router用于从URL中提取路径信息

阅读量：

[react-router] React-Router怎么获取URL的参数？

采用params方式
- 类组件：在确保props可以获取路由信息的基础上（若未直接嵌套在<Route/>标签内，则需借助withRouter这一高阶组件），可通过this.props.match.params进行提取
- 函数式组件：通过调用const params = useParams();实现参数获取
- 利用search方式，示例如下：

复制代码

 // query传参

    
 this.props.history.push({
    
     pathname: 'list',
    
     search: qs.stringify({
    
     a: 123,
    
     }),
    
 })
    
 // 取值
    
 import qs from 'qs';
    
 // 类组件中取值
    
 const paramStr = this.props.location.search.slice(1);
    
 qs.parse(paramStr); // {a: '123'}
    
 // 在函数式组件中取值
    
 const location = useL

全部评论 (0)

还没有任何评论哟~