javascript - 将 ref 与 Next.js 一起用于 Link 和?的正确方法

Answer 1

next/link组件仍然需要您将子元素传递给它。您可以将<a>' 作为子级添加到您<Link>的 ' 中，然后将ref和 回调应用到它们。

<nav>
    <ul>
        <li>
            <Link href="/nouveautes">
                <a onMouseEnter={e => handleHover(e)} onMouseOut={e => handleHoverExit(e)} ref={line1}>
                    Nouveautés
                </a>
            </Link>
        </li>
        <!-- remaining code -->
    </ul>
</nav>