zent/src/tabs/components/LazyMount.js

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

import PropTypes from 'prop-types';
import { Component, PureComponent } from 'react';

/**
 * 保存domMount状态
 */
export default class LazyMount extends (PureComponent || Component) {
  static propTypes = {
    mountTrigger: PropTypes.bool
  };

  static defaultProps = {
    mountTrigger: false
  };

  constructor(props) {
    super(props);
    this.state = {
      mounted: props.mountTrigger
    };
  }

  componentWillReceiveProps(nextProps) {
    let { mountTrigger } = nextProps;
    let { mounted } = this.state;
    if (mountTrigger && !mounted) {
      this.setState({
        mounted: true
      });
    }
  }

  render() {
    let { children } = this.props;
    let { mounted } = this.state;
    if (mounted) {
      return children;
    }
    return null;
  }
}