javascript - 如何将箭头函数重写为常规函数并绑定(bind)上下文？

Question

<分区>

Answer 1

function() {} 语法不会将局部上下文绑定(bind)到函数，这就是为什么 this.setState 或 this.state.something 失败，因为 this 是由全局词法上下文定义的，而 state 不存在于其中。如果你想实现这一点，你必须手动绑定(bind)函数:

constructor(props) {
  this.addNinja = this.addNinja.bind(this);
}

addNinja=function(ninja){
         ninja.id=Math.random();
         let ninjas=[...this.state.ninjas,ninja]; 
         this.setState({
             ninjas:ninjas
         })
        console.log(this.state);
}