使用 ReactJS 禁用点击答案

【问题标题】：Disable click using ReactJS使用 ReactJS 禁用点击
【发布时间】：2021-04-16 04:50:40
【问题描述】：

我必须禁用图片中的链接，以便用户无法点击该图片我该怎么办？

代码-

<a href={fb} target="_blank" onClick={(e) => {
  e.stopPropagation();
}}>
 <span style={{ fontSize: '17px', color: '#1930f42a' }} >
    <img className='logo' src={Fb} height={28} />
 </span>
</a>

【问题讨论】：

我认为这会对你有所帮助stackoverflow.com/questions/18083061/…
你已经尝试了什么？将href and onClick 处理程序附加到锚标记也很奇怪。你能提供一个你尝试过的例子吗？

标签： reactjs

【解决方案1】：

<a href={fb} target="_blank" onClick={(e) => {
  e.preventDefault()
}}>
 <span style={{ fontSize: '17px', color: '#1930f42a' }} >
    <img className='logo' src={Fb} height={28} />
 </span>
</a>

你需要使用e.preventDefault()来防止链接的默认行为

【讨论】：

【解决方案2】：

我认为您想在点击链接时阻止重定向

e.preventDefault();

【讨论】：