带有@tippyjs/react的NextJs工具提示

Question

<Link href="/company/add" >
  <a title="My New Title" data-toggle='tooltip' className="btn btn-primary">My Link</a>
</Link>

一个典型的Nextjs链接关于工作，而添加Tippy组件看起来就像下面所示的那样简单，但这实际上是有效的。

<Tippy content="My Tooltip">
  <Link href="/company/add" >
    <a title="My New Title" data-toggle='tooltip' className="btn btn-primary">My Link</a>
  </Link>
</Tippy>

如果有人成功地做到了这一点，我将感谢您的帮助。我不知道是否有其他工具提示可以轻松地与NextJs一起使用

Answer 1

这是可行的：

<Tippy content="hi">
    <div>
       <Link href="/">
          <a>
            Home Page
          </a>
       </Link>
    </div>
</Tippy>

甚至MaterialUI工具提示也是这样工作的。