javascript - 带有@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>

甚至MaterialUIs Tooltip的工作方式也是一样的。