我试图将按钮的值传递给函数,但是当单击按钮时,事件来自 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)