react 组件传参的方式

1.使用router传参。this

传值:url

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

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

接收:code

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

    this.props.match.params.id;

2. 经过this.props传递component

咱们封装组件,组件里的事件
    经过调用组件的时候。直接经过this.props.参数就能够从父级得到参数值。

3.封装global组件router

在index.js里引用就能够全局调用了。
相关文章
相关标签/搜索