withModal.js

import { Component } from "React";

export const withModal = (InnerComponent) => class extends Component {
  constructor() {
    this.state = { visible: false };
  }
  render() {
    <div>
      <InnerComponent visibleModal={() => this.setState({ visible: true })}/>
      <Modal close={() => this.setState({ visible: false })} isVisible={this.state.visible} />
    </div>
  }
};

// Modalは中でisVisibleを見て