react学习记录（五）【代码优化】

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
        })
      }