Considering more readable pattern to implement modal

modal-pattern-hoc.jsx

import {EventEmitter} from 'events';

import React, {Component} from 'react';

import Modal from 'components/modal';


export default function WithModal (id, title, trigger) {
  return (TargetComponent, key, descriptor) => class extends Component {
    constructor() {
      super();
      this.state = {open: false};

      this.trigger = new EventEmitter();
      this.trigger.on('open', () => this.setState({open: true}));
      this.trigger.on('close', () => this.setState({open: false}));
    }

    render() {
      return (
        <div>
          <TargetComponent {...this.props} modalTrigger={this.trigger} />
          <Modal open={this.state.open}>
            hogeee
          </Modal>
        </div>
      );
    }
  };
}