在<svg />上反应onClick事件不起作用

Question

我正在尝试在svg图标上附加onClick事件。 我在下面省略了不必要的svg路径填充代码，但是我尝试附加一个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>

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>