在react中,this.state与this.setState是由明显区别的,this.state是用来初始化state的,而this.setState是用来修改state的值的。
下面让我们用一个案例来说明
constructor(){
super()
this.state={
inputValue:''
}
}
handleInputChange=(e)=>{
this.setState({
inputValue:e.currentTarget.value
})
}
render() {
return (
<div>
<input
type="text"
value={this.state.inputValue}
onChange={this.handleInputChange}
/>
<button>{this.props.btnText}</button>
</div>
)
}
在一个input标签中,我们想要修改value的值,首先我们应该通过this.state来初始化value的值,在通过一个onChange事件来改变value的值,这是就需要用到this.setState了