美文网首页
React使用url插件解析路由参数

React使用url插件解析路由参数

作者: iamayden | 来源:发表于2019-02-26 15:10 被阅读0次

1、安装url插件

npm install --save url

2、获取当前页面路由后的参数

this.props.location.serach
下图为props对象的一部分,可以看出match中的path和url只有当前的路由字段,没有“?”号后的参数,而location中search的值恰恰为此值。

3、此时若想获取name和age的值只需要使用url插件即可

httpUrl = this.props.location.search;
url.parse(httpUrl, true).query.name;

npm url Api:https://www.npmjs.com/package/url

相关文章

  • React使用url插件解析路由参数

    1、安装url插件 npm install --save url 2、获取当前页面路由后的参数 this.prop...

  • react学习资料八

    路由 使用react的路由就要引入react路由插件react-router.js ReactRouter 保存一...

  • React 中使用路由 react-router-dom

    在 React 前端项目中,可以使用路由来对各个页面进行跳转 url 的控制。React 路由可以使用 react...

  • 基于OC的基础Router实现

    Route 路由实现功能 使用 api导航 服务导航 总结 使用 解析参数 传入参数调用 路由规则 scheme:...

  • react的路由

    路由指的就是,根据url的不同显示不同的内容 react路由使用步骤 安装 npm install react-r...

  • 路由规则中定义参数

    一、使用query方式传递参数通过URL后面查询字符串传递参数给路由,路由对象可以通过$route.query对象...

  • url拼接参数操作

    url拼接参数替换对应的值 url解析拼接参数为Map 解析Url拼接参数放入到Intent中

  • Vue-router中hash模式和history模式

    一、路由 1.前端路由 Hash:使用url中的hash(#后面的参数)来作为路由,通过监听hash变化找到对应组...

  • 2018-12-21路由

    1.路由 React路由依赖于React Router,React Router保持UI和与URL的同步。它拥有简...

  • react从0到1的探索记录04

    18、React中的路由 React中路由的基本使用 在react中使用路由首先需要安装react的路由模块 np...

网友评论

      本文标题:React使用url插件解析路由参数

      本文链接:https://www.haomeiwen.com/subject/hfvayqtx.html