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

问题描述

<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兼容的工具提示，我不会

解决方法

这有效：

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

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