reactjs - 我想在链接中创建一个可点击的元素，但它的行为不像链接

Question

这个问题在这里已经有了答案:

How to prevent default when click on icon inside a anchor link list? (1 个回答)

关闭 6 个月前。

我有一个完全链接在 <Link> 中的组件标签，但我有一个图标，我希望在不激活链接的情况下点击它。有没有办法逃脱图标？

<Link to={`/post/${id}`} className='flex flex-row px-3 py-2'>
  <div>Some content</div>
  <i onClick={anAction}>An Icon</i>
  <div>Some content</div>
</Link>

Answer 1

你应该使用 e.preventDefault()

<Link to={`/post/${id}`} className='flex flex-row px-3 py-2'>
  <div>Some content</div>
  <i onClick={(e) => {e.preventDefault(); //rest of your function}}>An Icon</i>
  <div>Some content</div>
</Link>