Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/21.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 工具提示单击后显示,如何在短时间延迟后将其隐藏?_Javascript_Reactjs - Fatal编程技术网

Javascript 工具提示单击后显示,如何在短时间延迟后将其隐藏?

Javascript 工具提示单击后显示,如何在短时间延迟后将其隐藏?,javascript,reactjs,Javascript,Reactjs,我用它来显示“复制的!”“复制URL”按钮旁边的工具提示。我可以使用下面的代码让工具提示在单击时显示,但是如果我再次单击按钮,它将仅在延迟后隐藏 <CopyToClipboard text={viewState.copyUrl}> <RaisedButton label="Copy URL" primary={true} data-tip data-event='click' data-fo

我用它来显示“复制的!”“复制URL”按钮旁边的工具提示。我可以使用下面的代码让工具提示在单击时显示,但是如果我再次单击按钮,它将仅在延迟后隐藏

<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>

收到了

你有没有想过我该怎么把它藏起来