我使用的是这个简单的react工具提示库https://www.npmjs.com/package/react-simple-tooltip，但它没有延迟显示工具提示内容的选项.有没有 idea 和国家一起控制它？我可以想到setTimeout，但我无法分离包装器及其子项
import Tooltip from "react-simple-tooltip";
export default function App() {
return (
<div className="App">
<br />
<br />
<br />
<br />
<br />
<Tooltip content="tooltip content">hover me</Tooltip>
</div>
);
}
https://codesandbox.io/s/priceless-christian-n2c0u8?file=/src/App.js:0-280
老实说，如果可能的话，我会 Select 一个工具提示库，它可以做到开箱即用.但是，如果您想使用react simple tooltip执行此操作，我可以看到的唯一方法如下所示:
在styles.css中添加新动画:
@keyframes show {
0% {
opacity: 0;
}
90% {
opacity: 0;
}
100% {
opacity: 1;
}
}
然后将自定义CSS添加到工具提示中，如下所示:
<Tooltip
content="tooltip content2"
customCss="
& div {
animation: show 1000ms linear 0s 1
}
">
hover me
</Tooltip>
完成的解决方案如下所示:https://codesandbox.io/s/thirsty-hypatia-oeh6kb?file=/src/App.js