Javascript 在stenciljs中的自定义web组件中传递@Prop（）函数

如何将@Prop（）作为切换Stencil.js中组件事件的函数传递

@Prop() myFunction() {
         console.log("Hello World!")
         }

然后把它放在

<my-component onClick={myFunction()}></my-component>

---

这不是处理web组件中事件的正确方法。为了在web组件上处理onClick事件，您必须在组件中实现一个click侦听器，方法是使用@listendecorator对其进行修饰

事件-模具

@Listen('click')
onClickHandler(event) {
// Do something
}

如果您希望用户为组件单击时应该发生的事情编写代码，则需要从组件发出单击事件，并且用户应该为此实现一个侦听器

---

事件-模具

为了向组件传递函数，只需传递函数引用即可。在您的示例中，如果您公开了myFunction道具，那么在父渲染函数中所要做的就是传递该函数。例如：

@Listen('click')
onClickHandler(event) {
// Do something
}

//父渲染函数
render（）{
const funcReference=（）=>{console.log（'click'）}；
返回（）；
}