点击后显示工具提示,如何在短暂延迟后隐藏它?

时间:2017-05-01 21:34:41

标签: javascript reactjs

我使用react-tooltip来展示“已复制!”#39;工具提示毗邻"复制网址"按钮。我可以点击下面的代码显示工具提示,但只有在我再次点击按钮后才会隐藏它。

<CopyToClipboard text={viewState.copyUrl}>
    <RaisedButton
        label="Copy URL"
        primary={true}
        data-tip
        data-event='click'
        data-for='copyToClipboard'
        onClick={viewState.copyClick}
        style={{ width: '150px' }} />
</CopyToClipboard>
<ReactTooltip id='copyToClipboard' delayHide={1000}>
    <p>Copied!</p>
</ReactTooltip>

有关如何隐藏此事的任何想法?

0 个答案:

没有答案