React 为按钮绑定事件

react

https://blog.csdn.net/qq_36249659/article/details/104277970

组件

import React from 'react'

export default class BindEvent extends React.Component{
constructor(){
super()
this.state={

}
}
render(){
return <button className="btn btn-default" onClick={this.myclickHandler}>按钮</button>
}
myclickHandler(){
alert(2)
}
}
使用=>函数

render(){
return <button className="btn btn-default" onClick={()=>{this.myclickHandler()}}>按钮</button>
}
myclickHandler=()=>{
alert(2)
}
传参数

import React from 'react'

export default class BindEvent extends React.Component{
constructor(){
super()
this.state={
msg:'dog'
}
}
render(){
return <div>
<button className="btn btn-default" onClick={()=>{this.myclickHandler('pig','dog')}}>按钮</button>
<hr/>
<h3>{this.state.msg}</h3>
</div>
}
myclickHandler=(arg1,arg2)=>{
this.setState({
msg:'yellow dog'+arg1+arg2
})
}
}
用callback方法获得数据

myclickHandler=(arg1,arg2)=>{
this.setState({
msg:'yellow dog'+arg1+arg2
},function(){
console.log(this.state.msg)
})
}

————————————————
版权声明:本文为CSDN博主「写代码的小哥哥」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/qq_36249659/article/details/104277970

以上是 React 为按钮绑定事件 的全部内容, 来源链接: utcz.com/z/381145.html

回到顶部