zent/src/datetimepicker/utils/clickOutside.js

一套前端设计语言和基于React的实现

import React, { Component, PureComponent } from 'react';

const clickOutside = ComposedComponent =>
  class extends (PureComponent || Component) {
    componentDidMount() {
      document.addEventListener('click', this.picker.clickOutside, true);
    }

    componentWillUnmount() {
      document.removeEventListener('click', this.picker.clickOutside, true);
    }

    render() {
      return (
        <ComposedComponent ref={ref => (this.picker = ref)} {...this.props} />
      );
    }
  };

export default clickOutside;