React子组件访问父组件的方法并传递参数

一、实现功能

子组件Sun访问父组件Father的fatherFun(parameter)函数

二、代码展示

Father代码

import React, { PureComponent } from 'react';
import Sun from './Sun';

class Father extends React.PureComponent {

 fatherFun(parameter) {
    console.info("parameter:", parameter);
  }

  render() {
    return <Sun fatherFun={(parameter) => this.fatherFun(parameter)} />;
  }
}

Sun代码

import React, { PureComponent } from 'react';

class Sun extends React.PureComponent {

  onClick() {
     this.props.fatherFun(true);
  }

  render() {
    <div onClick={this.onClick}> 点击</div>
  }
}
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容