React子组件修改父组件的state 以及 子组件传值给父组件

父组件可以给子组件传递一个事件（方法），子组件接收这个事件（方法），调用事件（方法），就会触发父组件中定义的方法，从而达到改变父组件的state,以及传递参数

子组件这里给出关键代码（调用父组件传递的方法）

export default class Loose extends React.Component {
  constructor(props) {
    super(props);
  };
  render() {
    return ( 
          <button onClick={() => {
             {/* 这里给子组件 调用父组件方法  setPare */}
               this.props.setPare();
          //   this.props.setPare('我要传递给父组件');
          }}>取消</button>

    );
  }
}

父组件给出关键代码（给子组件传递方法）

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


  setPare = (value) => {
    console.log("子组件在触发调用我");
    console.log(`子组件传递的数据:${value}`);
  };
  render() {
    return (
        <div>
          <MyRight
            {...this.props}
            {/* 这里给子组件提供方法setPare */}
            setPare={this.setPare}
          ></MyRight>
        </div>
    );
  }
}