react-基础操作（8）redux-router

源码在我的github地址react-tuts-06

react-router官网

npm i react-router-dom -S

<Router />

必须在最外层，只能写一次，写了之后下面的每一层都可以用。

<Route />

可以通过component方法来渲染component={组件名}，也可以用render方法render={(routeprops)=> return{<组件名 {…routeprops} 其他参数 >}，render可以传递参数，但是component不行。并且这两个是互斥的。

<Link />

1.通过query。

2.可以通过动态路由来传参 /path/:param=>params

3.to里面用state进行隐式传参

其中第三种 可以埋点

发送数据常用的方法：

1.ajax

2.img 用图片带上一些参数后端就可以获取到

const img = newImage()
img.src="https://www.domainname.com/button-01.gif?x=1&y=2"

3.sendBeacon

​ 兼容性差但是成功率高，ie不行，但是移动端可以用

<Redirect />

自动跳转界面

<withRouter />

只有使用组件包裹的才能用routeRouter的api，不然要用withRouter进行export

赏

谢谢你的关注

支付宝

微信

• 本文作者： Raphael_Li
• 本文链接： https://lifei-2019.github.io/react10/
• 版权声明： 本博客所有文章除特别声明外，均采用 Apache License 2.0 许可协议。转载请注明出处！