Я пытаюсь вручную скрыть подсказку, щелкнув по ней. Я настроил функцию для изменения состояния, связанного с тем, отображается ли оно, но всплывающая подсказка все равно не будет скрыта?
Не уверен, что мне нужно делать здесь, и я не вижу никакой информации в bootstrap Документы о том, как вручную делать это для подсказок, вложенных в оверлейные теги
tooltipHandler=()=> {
console.log('running tooltip handler')
if(this.state.tooltip===false){
this.setState({tooltip:true})
}else{
this.setState({tooltip:false})
}
}
<OverlayTrigger
key='right'
placement='right'
trigger='click'
show={!this.state.tooltip}
overlay={
<Tooltip id={`tooltip-right`}>
<img onClick={()=>{this.tooltipHandler()}} styles={{width: '20%', height: '25%'}}src={card.img}></img>
</Tooltip>
}
>
<img key={img} onClick={()=>this.tooltipHandler()} src={card.img} style={{width: '2em', height: '2em'}}/>
</OverlayTrigger>