retder中,如果某个标签上有大量的JS代码,可以直接做成一个组件,然后吧需要的retrun回去。
bind修改this指向,直接在构造器里面改好存着,在使用的时候就不需要写bind了
据说有性能影响。
setState的ES6写法,这个些比较规范。据说性能比较好。
setState()传一个函数。 return你想要的结果
hangdinput1(e){
const value = e.target.value
this.setState(()=>({inputValue:value}))
}
setState里面可以接受一个prevState数据,prevState只在修改之前的那个数据。
所以prevState == this.state.
hangdInput(){
this.setState((prevState)=>({
list:[...prevState.list,prevState.inputValue],
inputValue : ''
}))}
}
-------优化之前------
hangdInput(){
this.setState(()=>({list:[...this.state.list,this.state.inputValue],}))
this.setState({
list:[...this.state.list,this.state.inputValue],
inputValue : ''
})
}
这段没有什么好说的。
handDelet(index){
const list = [...this.state.list]
list.splice(index,1)
this.setState({
list:list
})
}