React全家桶之一 react-router之高级

Posted 2020-09-27 wangyong

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了React全家桶之一 react-router之高级相关的知识，希望对你有一定的参考价值。

使用query获取URL中的参数

//引入相关的依赖

const Page = props =>
    <div>
        <h1>{props.location.query.message}</h1>
    <div>

然后在URL中输入http://localhost:8080/#/?message=wn,

页面中就会显示wn

另外我们还可以在组件中Link中设置pathname和query变量

//依然是引入各种依赖

<Link to={{ pathname:‘/‘ , query:‘wangyong‘ }} />

嗯呢，就是这个样子的

附上一个地址：：：： http://cnodejs.org/topic/573f2756fcf698421d20371f

以上是关于React全家桶之一 react-router之高级的主要内容，如果未能解决你的问题，请参考以下文章