zent/datetimepicker/src/utils/clickOutside.js

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

import React, { Component } from 'react';

const clickOutside = ComposedComponent => class extends Component {
  constructor(props) {
    super(props);
    this.state = {
      open: false
    };
  }
  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;