如何在React Toolbox中仅显示工具提示onClick

Question

react-toolbox官方文档中有一个工具提示示例 。 如何在Input上仅显示工具提示onClick事件。

Answer 1

如果不想在鼠标输入时显示工具提示，则应分叉该项目并进行以下更改：

at components/tooltip/Tooltip.js:

handleMouseEnter = (event) => {
        this.activate(this.calculatePosition(event.currentTarget));
        if (this.props.onMouseEnter) this.props.onMouseEnter(event);
      };

handleMouseLeave = (event) => {
        this.deactivate();
        if (this.props.onMouseLeave) this.props.onMouseLeave(event);
      };

至

handleMouseEnter = (event) => {
        return false;
      };

handleMouseLeave = (event) => {
        return false;
      };