码迷,mamicode.com
首页 > 其他好文 > 详细

使用 react-router-dom v5 查询query 参数的方法

时间:2021-01-04 10:59:19      阅读:0      评论:0      收藏:0      [点我收藏+]

标签:pre   param   port   cat   log   asc   ram   script   --   

文档 是这样的 

function useQuery() {
  return new URLSearchParams(useLocation().search);
}

------使用

function demo (){
  const history = useHistory();
  history.get(‘name‘)
}

-------------------自己写--------------------------

import { useLocation} from ‘react-router-dom‘;
const qs = require(‘query-string‘);

export function useQuery() {
  const { search } = useLocation();
  return qs.parse(search);
}
 
------使用
const query = useQuery();
console.log(query)  // {id: "1222", name: "zhansan"}
 


使用 react-router-dom v5 查询query 参数的方法

标签:pre   param   port   cat   log   asc   ram   script   --   

原文地址:https://www.cnblogs.com/qq735675958/p/14213393.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!