React Bootstrap Tooltip verbergen

Question

Gibt es eine Möglichkeit, das Element OverlayTrigger/Tooltip standardmäßig zu verbergen? z. overlay={this.state.show ? <Tooltip>showing</Tooltip> : null} Werke, sondern werfen eine Warnung auf der Konsole:

Die Stütze overlay markiert ist, wie in OverlayTrigger erforderlich, aber sein Wert ist null

Wäre dies der einzige Weg sein?

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

Answer 1

Die OverlayTrigger Komponente muss eine overlay prop bestanden haben. Wenn Sie die QuickInfo nicht möchten, möchten Sie auch nicht, dass ein Overlay ausgelöst wird. Daher möchten Sie es entfernen, wenn this.state.show falsch ist.

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

Edit: Ja, der Code in Ihrem Update wäre der Weg, es zu tun.