react 学习基础知识

三种改变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,"李四","王五")}

上一篇:发生的发士大夫发


下一篇:从零开始,徒手撸一个简单的 RPC 框架,轻松搞定!