Réagir Bootstrap hide tooltip

Question

Est-il possible de masquer l'élément OverlayTrigger/Tooltip par défaut? par ex. overlay={this.state.show ? <Tooltip>showing</Tooltip> : null} œuvres mais émet un avertissement sur la console:

L'accessoire overlay est marqué comme requis dans OverlayTrigger, mais sa valeur est null

Serait-ce la seule façon?

{!this.state.show ? {component} : 
<OverlayTrigger ...> 
    {component} 
</OverlayTrigger> 
} 

Answer 1

Le composant OverlayTrigger doit avoir un accessoire overlay passé. Si vous ne souhaitez pas d'info-bulle, vous ne souhaitez pas non plus déclencher de superposition. Par conséquent, vous voudriez l'enlever si this.state.show est falsifié.

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

Edit: Oui, le code dans votre mise à jour serait la façon de le faire.