悬停时有react-bootstrap delay工具提示,但单击后立即显示

时间:2019-12-21 04:30:00

标签: javascript reactjs react-bootstrap

我正在使用React Bootstrap中的工具提示。目前,我正在使用文本触发器,将其悬停1000毫秒后会显示工具提示。

如何在单击时立即显示工具提示,同时保持鼠标悬停的行为。

<OverlayTrigger
    placement="left"
    delay={{ show: 1000, hide: 1000 }}
    overlay={props => (
        <Tooltip {...props } >
            Hello
        </Tooltip>
    )}
>
    <span onClick={() => {console.log('Show immediately')} }> 
        Show tooltip 
    </span>
</OverlayTrigger>  

0 个答案:

没有答案