import React, { Component } from 'react';
class New extends Component {
constructor(props){
super(props)
this.state={
Name:'王一'
}
}
show(){
console.log('在onClick中不需要加小括号');
}
passValue(arg1){
console.log('传参时必须使用箭头函数,该方法传递的参数是'+arg1);
}
changeState=()=>{
this.setState({
Name:'赵二'
}, function(){
console.log('利用回调函数取的值 '+this.state.Name);
})
console.log('绑定的事件方法必须使用箭头函数的形式,同时必须加上this.state,由于使用了setState,它会慢一步显示,第二次点击时候值才会发生改变! 姓名'+this.state.Name);
}
render(){
return<div>
<h3>第二次练习</h3>
<button onClick={this.show}>事件的绑定</button>
<button onClick={()=>this.passValue("1")}>事件的传参</button>
<input type='text' style={{width:'60%',height:'50%'}} value={this.state.Name} />
<button onClick={()=>this.changeState()}>数据的双向传递</button>
</div>
}
}
export default New;