reactjs - 反应 onClick 事件不起作用

Question

我正在尝试在 svg 图标上附加 onClick 事件。我省略了下面不必要的路径填充代码，但我尝试附加一个 onClick 事件并立即对其进行测试，onClick 事件仅触发登录控制台，但当我单击图标时它没有记录任何内容。是否可能无法将事件直接附加到 svg？

<svg class="bi bi-gear" onClick={console.log('click')} width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg"   > </svg>

标签： reactjssvgonclick

Answer 1

像这样改变你的onClick。

<svg class="bi bi-gear" onClick={() => {console.log('click')}} width="1em" height="1em" 
viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg"   > </svg>