typescript - 带有 PopperJs 的工具提示，显示未定位的第一个状态

Question

https://codesandbox.io/s/intelligent-feynman-j5wzv

如果您将鼠标悬停在按钮上，您会在第一次渲染中看到效果，然后是 Tooltip 的正确位置，正确使用 popperjs 时我是否遗漏了什么？

Answer 1

解决方案是向 StyledToolTip 添加一些可见性属性：

visibility: "hidden"
"&[data-popper-placement]": {
    visibility: "visible",
  },