在模板字符串中设置 onClick

Question

我正在努力在模板字符串中设置

onClick

。该按钮按预期呈现，但我没有按照预期从按钮单击中获取控制台日志。我基本上是通过解析器运行服务器响应，并根据我得到的结果，我要么渲染一个按钮，要么渲染一个锚标记。该按钮将启动一个模式，而锚标记只会将用户带到另一个链接。

为了简单起见，我只是将我的 2 个结果设置为此处的变量

const testButton = `<button onClick="${()=> console.log('testing click')}">test</button>`;
const testAnchor = `<a href="${passedURL}" target="_blank">${someText}</a>`;

锚标记完全按预期工作，但按钮不喜欢

onClick

。我认为这与此有关。

这是在客户端的

.ts

文件中。

Answer 1

按钮的

onclick

属性中的代码通常不应是函数定义，而应是要执行的代码。在您的情况下，单击按钮不会调用函数

() => console.log('testing click')

，而是每次单击时定义函数，这是没有意义的。

你想说的可能是

const testButton = `<button onClick="console.log('testing click')">test</button>;

。