react 组件传参的方式

1.使用router传参。

传值:

    在router跳转组件的时候在跳转的路径后边添加需要传递的值:
this.props.history.push('url'+id) //id是我们要传的值。

    然后在注册router的时候在路径后面用冒号隔开添加参数。
<Route path="/url/:corpId" component={url} />

接收:

在跳转结束的页面通过this.props接收:

    this.props.match.params.id;

2. 通过this.props传递

    我们封装组件,组件里的事件
    通过调用组件的时候。直接通过this.props.参数就可以从父级获得参数值。
    

3.封装global组件

在index.js里引用就可以全局调用了。
    原文作者:gaoting
    原文地址: https://segmentfault.com/a/1190000018776325
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞