React中传参方式及其应用场景
第一种： 动态路由传参
 通过设置的link的to(path)属性，进行路由的传参，当点击link标签的时候，就会在上方的地址栏中显示传递的整个url，我们可以通过this.props.location.search获取字符串并筛选出想要应用的数据(不安全)。
第二种： 隐式路由传参
考虑到动态路由传参的不安全性，出现了隐式路由传参，其传参的信息不会暴露在地址栏中，会通过state(一般命名为state)携带，我们可以通过this.props.location.state获取传递的参数。
react组件之间通信第三种： 组件之间的传参
当父组件想要给子组件传递参数的时候，推荐使用组件间的传参方式，子组件通过this.props接收。
第四种： WithRoute高阶组件给子组件绑定路由参数
当我们想要在某个组件里面 获取路由的数据的时候，只有是<Route>里面的子组件才可以，也就是<Route path="/home" component={Home(子组件)}/>
只有这样<Home />中才可以使用this.props接收路由的参数；为了解决这一个局限性，就有了withRouter的技术.

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。