在具有onClick函数的div中的Next/link，如何从Link忽略它

pgx2nnw8 于 2022-10-21 发布在其他

关注(0)|答案(1)|浏览(144)

我在div中有一个next.js Link元素，它有一个onClick函数，router.push指向一个URL。如何让Link元素忽略onClick函数，从Link推送到href的URL？

<div onClick={() => router.push(`/${post.tag}/status/${id}`)}>
    <Link href={`/{username}`}>
        <span className='text-blue-500 hover:underline'>{username}</span>
    </Link>
</div>

next.js

来源：https://stackoverflow.com/questions/74079479/next-link-inside-a-div-which-has-a-onclick-function-how-to-ignore-it-from-link

1条答案

按热度按时间

4jb9z9bj1#

为了使Link元素忽略onClick函数并从Link href推送到URL，我们需要在Link的onClick函数中添加一个event.stopPropagation()。

<Link 
    href={`/{username}`} 
    onClick={(e) => {
        e.stopPropagation();
        router.push(`/${post.tag}/status/${id}`);
    }}
>
    <span className='text-blue-500 hover:underline'>{username}</span>
</Link>

赞(0）回复(0）举报 2022-10-21

我来回答

在具有onClick函数的div中的Next/link，如何从Link忽略它

1条答案

相关问题

热门标签

最新问答