代码之家  ›  专栏  ›  技术社区  ›  Avery235

反应引导隐藏工具提示

  •  4
  • Avery235  · 技术社区  · 9 年前

    OverlayTrigger / Tooltip 默认情况下的元素? overlay={this.state.show ? <Tooltip>showing</Tooltip> : null} 工作正常,但在控制台上发出警告:

    道具 overlay ,但其价值是 null

    这是唯一的办法吗?

    {!this.state.show ? {component} :
     <OverlayTrigger ...>
       {component}
     </OverlayTrigger>
    }
    
    2 回复  |  直到 9 年前
        1
  •  3
  •   Chris    9 年前

    这个 OverlayTrigger overlay this.state.show 是falsy。

    {this.state.show 
      ? <OverlayTrigger overlay={<Tooltip>showing</Tooltip>}>
          <button>Click me!</button>
        </OverlayTrigger>
      : <button>Click me!</button>
    }
    

    是的,更新中的代码就是实现这一点的方法。

        2
  •  2
  •   Tom Adam    5 年前

    <OverlayTrigger
      overlay={
        boolean ? (
          <Tooltip id={`tooltip`}>important message for user</Tooltip>
        ) : (
          <span></span>
        )
      }
    >
    {children}
    </OverlayTrigger>