美文网首页
react route组件之间的传值

react route组件之间的传值

作者: 别闹__ | 来源:发表于2018-05-24 17:09 被阅读0次

今天碰到一个问题 路由组件之间的传值

正常的组件 父传子 子传父 都很简单

 <Nav UserInfo={this.state.userInfo}  />   
//直接在nav 组件种用 this.props.userInfo 就可以获取到父组件的值

但是在route 组件 这样是不行的

 <Route exact path="/" component={Banner} UserInfo={this.state.userInfo}   />
//banner 组件内是拿不到这个this.props.userInfo,  报错

才发现在Banner 组件上面还包着一层route 组件
然后找到了这样的解决方案

<Route exact path="/space/:id" render={(props)=><Space {...props} getUserInfo={this.getUserInfo}/>}  />
//写一个render的方法将组件暴露  把状态放在组件本身,然后就可以调用了。

事实是可以用的,但我是个小弱鸡,并不知道是不是一个好的办法,欢迎大神指点。

相关文章

  • react route组件之间的传值

    今天碰到一个问题 路由组件之间的传值 正常的组件 父传子 子传父 都很简单 但是在route 组件 这样是不行的 ...

  • react子组件向父组件传值

    相关资料:react 父组件怎么获取子组件的这个值React组件间信息传递方式react同级组件之间传值 • 父...

  • react的Route组件传值

  • 组件之间的传值

    组件之间的传值,包括父子组件传值,兄弟组件之间的传值,其中父子组件包括父组件向子组件传值和子组件向父组件传值,现在...

  • React Learning(Day2)(2019.7.6)

    React Learning(Day2)(2019.7.6) 日常挤牙膏 一、拆分组件与组件之间的传值 1.父组件...

  • 组件通信

    vue传值可分为父子之间传值、兄弟组件之间传值、跨代组件之间传值 1.父子之间传值:可以使用$emit/props...

  • React 组件之间的传值

  • React组件之间的传值

    父组件传值给子组件,是通过属性传值,子组件接收父组件传过来的值,是通过this.props.xxx 注意,当项目复...

  • Vue.js 父子组件传值 . 兄弟组件传值

    概述 vue中组件之间的传值传值情况主要有以下三种 父组件向子组件传值子组件向父组件传值兄弟组件之间相互传值或者是...

  • react-父子组件间通信

    React-父子组件间通信 父组件传 值 给子组件, 传 方法 给子组件 子组件接收 值 ,触发父组件的 方法

网友评论

      本文标题:react route组件之间的传值

      本文链接:https://www.haomeiwen.com/subject/nxisjftx.html