tooltip.js

import Popup from 'popup';

class Tooltip extends Component {
  render() {
    return (
      <Popup visible={this.props.visible} anchor={this.props.anchor} onRequestHide={this.onPopupRequestHide}>
        <div onMouseEnter={this.onPopupMouseEnter} onMouseLeave={this.onPopupMouseLeave}>
          {this.props.children}
        </div>
      </Popup>
    );
  }
  
  onPopupMouseEnter() {
    this.stopTimer();
  }
  
  onPopupMouseLeave() {
    this.startTimer();
  }
  
  onPopupRequestHide() {
    // ...
  }
}