这是我的点击事件:
useCoupon=()=>{
console.log(444444)
};
这是我的DOM结构:
<div className="select-wrapper-inner">
{
this.state.availableCouponList.map((item,index)=>{
return (
<SingleCoupon key={index} onClick={this.useCoupon} price={item.price} condition={item.condition} deadline={item.deadline}/>
)
})
}
</div>
我现在绑定的这个点击事件不会被触发,什么意思?SingleCoupon是我自定义的一个组件
SingleCoupon是你定义的组件,并不是一个真实的DOM元素,它不存在点击事件,因为它不是最终渲染的页面的元素。
你应该这样用
所有的事件处理函数都必须要绑定到真实的DOM上。传给组件,组件只会认为它是个prop