三种改变this指向的方法
1.在调用的时候使用bind方法
onClick={this.getData.bind(this)}
2.在constructor里面改变this指向
this.getData=this.getData.bind(this)
3.在方法上使用箭头函数
getData=()=>{}
两种双向绑定的方法
1.根据当前的元素自身的value值
inputChange=(e)=>{
this.setState({
userName:e.target.value
})
}
2.使用ref方法:
inputChangeSec=(e)=>{
this.setState({
inputValue:this.refs.input.value
})
}
样式相关:
1.style属性双花括号{{}}
style={{"color":"blue"}}
2.单花括号使用state的数据
style={this.state.style}
3.className设置class名字
className='red'
绑定属性注意:
class 要变成 className
for 要变成 htmlFor
<label htmlFor="name">姓名</label>
<input id="name" value="1111"/>
style属性和以前的写法有些不一样
<div style={{'color':'blue'}}>{this.state.title}</div>
<div style={{'color':this.state.color}}>{this.state.title}</div>
页面元素传值到方法bind方法:
onClick={this.setData.bind(this,"李四","王五")}