前端框架（react+umi+dva+ant design pro ）攻克: 二、react 父子组件通信（二）

54 阅读 0 评论 36 点赞

我是靠谱客的博主潇洒鸭子，最近开发中收集的这篇文章主要介绍前端框架（react+umi+dva+ant design pro ）攻克: 二、react 父子组件通信（二），觉得挺不错的，现在分享给大家，希望可以做个参考。

一、父组件给子组件传值

父组件定义：

< 子组件名称小驼峰法的变量={变量值} }

子组件定义：

{this.props.变量名} 进行接收。

二、子组件给父组件传值

父组件提前定义一个向子组件传一个函数名，子组件通过参数传父组件，例如：

父组件定义：

< 子组件名称函数名={ｔｈｉｓ．函数名} }

子组件定义：

//子组件
class Son extends Component{
  render(){
      return <div onClick={()=>{this.props.printHello('hello')}}>点击弹出hello</div>
  }
}

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。