点击事件
useCoupon=()=>{
console.log("useCoupon........")
};
DOM结构：
<div className="select-wrapper-inner">
{
return (<SingleCoupon onClick={this.useCoupon} />)
}
</div>
SingleCoupon是自定义的一个组件，现在绑定的这个点击事件不会被触发，为什么？
SingleCoupon是你定义的组件，并不是一个真实的DOM元素，它不存在点击事件，因为它不是最终渲染的页面的元素。应该这样用
class SingleCoupon extends Component {
render() {
return (
<div onClick={this.props.onClick}/>
)
}
}
所有的事件处理函数都必须要绑定到真实的DOM上。传给组件，组件只会认为它是个prop
一、问题描述 点击事件 DOM结构： SingleCoupon是自定义的一个组件，现在绑定的这个点击事件不会被触发...
在使用React过程中，为自定义Table组件中的button添加OnClick事件，发现使用 时，若写为onCl...
使用react，绕不开事件绑定和传参，react事件绑定的方法有以下几种。 方法一： 传参：onClick={th...
react组件中事件处理的几种写法，几种写法的区别，bind(this)传自定义的参数 一、在React元素绑定事...
绑定事件 onclick，无兼容性问题，但是多次绑定会互相覆盖 addEventListener，w3c的标准方式...
React组件传值 （一）父传子 传递：在父组件中子组件的标签上，给子组件绑定一个自定义属性，值为需要传递的数据接...
上一篇中介绍了如何使用onclick为动态添加的dom元素绑定事件。 我现在就可以自定义大图组件了。 为uedit...
事件绑定 onclick -->事件冒泡，重写onclick会覆盖之前属性，没有兼容性问题。 addEventLi...
react组件和react组件逻辑复用 react是一个视图层组件方案，最核心的功能就是绑定视图与数据和逻辑，实现...
在ES6写法中的react：React.Component创建组件，其成员不会自动绑定this，需要手动绑定。手动...
本文标题：React自定义组件绑定onClick无反应问题
本文链接：https://www.haomeiwen.com/subject/qbyxcqtx.html
网友评论