React子组件修改父组件的state

父组件能够给子组件传递一个事件(办法),子组件接管这个事件(办法),调用事件(办法),就会触发父组件中定义的办法,从而达到扭转父组件的state

子组件这里给出要害代码(调用父组件传递的办法)

export default class Loose extends React.Component {
  constructor(props) {
    super(props);
  };
  cancel = () => {
    {/* 这里给子组件  setPare */}
    this.props.setPare();
  };
  render() {
    return ( 
          <button onClick={() => this.cancel()}>勾销</button>

    );
  }
}

父组件给出要害代码(给子组件传递办法)

export default class SaleReleaseSeach extends React.Component {
  constructor(props) {
    super(props);
  }


  aaaa = () => {
    console.log("子组件在触发调用我");
  };
  render() {
    return (
        {/* 
        右拉入
        */}
        <div>
          <MyRight
            {...this.props}
            {/* 这里给子组件提供办法setPare */}
            setPare={this.aaaa}
          ></MyRight>
        </div>
    );
  }
}

【腾讯云】轻量 2核2G4M,首年65元

阿里云限时活动-云数据库 RDS MySQL  1核2G配置 1.88/月 速抢

本文由乐趣区整理发布,转载请注明出处,谢谢。

您可能还喜欢...

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注

此站点使用Akismet来减少垃圾评论。了解我们如何处理您的评论数据