Javascript 返回 HTML 元素事件未绑定到 DOM

【问题标题】：Javascript Return HTML element event are not binding to the DOMJavascript 返回 HTML 元素事件未绑定到 DOM
【发布时间】：2022-12-14 22:12:29
【问题描述】：

在我的脚本中

private renderItems(i: number) {
 let el = <div onClick={this.toggle} style={{
  outline: '1px solid purple',
  position: 'relative',
 }}>
  {i}
 </div>
 return el;
}

然后是DOM：

为什么 DOM 不渲染 onClick 事件？

【问题讨论】：

标签： javascript stenciljs

【解决方案1】：

事件绑定通常使用 addEventListener 完成，而不是通过将函数转换为字符串并将其添加为 onclick 属性来完成。

【讨论】：