小编Kas*_*Kas的帖子

React 按钮 onClick 引用 SVG 而不是事件

我试图将按钮的值传递给函数,但是当单击按钮时,事件来自 SVG 而不是来自按钮本身,当我单击 SVG 不位于边缘的按钮时目前事件正常触发。如何使 SVG 在 onClick 中被忽略?我希望事件来自按钮而不是来自 SVG。我正在使用 Font Awesome 并通过 React 库导入图标。

JSX:

 <button className="btn-vote" value={site._id} name="1" onClick={handleVote}>{upSVG} 
 </button>
Run Code Online (Sandbox Code Playgroud)

CSS:

.btn-vote {
  font-size: 1.9vw;
  background: none;
  border: none;
  height: 100%;
  width: 50%;
}
Run Code Online (Sandbox Code Playgroud)

javascript events fonts svg reactjs

1
推荐指数
1
解决办法
2537
查看次数

标签 统计

events ×1

fonts ×1

javascript ×1

reactjs ×1

svg ×1