Modal在子组件中，按钮在父组件中如何在reactjs中关闭模式

在React中，可以通过props将父组件的方法传递给子组件，从而实现在子组件中关闭模态框的功能。

首先，在父组件中定义一个方法来关闭模态框，例如closeModal：

class ParentComponent extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      showModal: false
    };
  }

  closeModal = () => {
    this.setState({ showModal: false });
  }

  render() {
    return (
      <div>
        <ChildComponent closeModal={this.closeModal} />
        <button onClick={() => this.setState({ showModal: true })}>打开模态框</button>
        {this.state.showModal && <Modal closeModal={this.closeModal} />}
      </div>
    );
  }
}

在父组件中，通过props将closeModal方法传递给子组件ChildComponent和Modal。当点击按钮时，会将showModal状态设置为true，从而显示模态框。

然后，在子组件中，可以通过props接收父组件传递的closeModal方法，并在需要关闭模态框的地方调用该方法：

class ChildComponent extends React.Component {
  render() {
    return (
      <div>
        <button onClick={this.props.closeModal}>关闭模态框</button>
      </div>
    );
  }
}

在子组件的按钮点击事件中，调用this.props.closeModal方法，即可触发父组件中的closeModal方法，从而关闭模态框。

这样，通过将父组件的方法传递给子组件，就可以在子组件中关闭模态框了。