, was die Verwendung von ist: this.method.bind (this)

Question

ich Reactjs studieren und einen Code-Block wie diese:

import React from 'react'; 

class App extends React.Component { 
    constructor() { 
     super(); 

     this.state = { 
     data: [] 
     } 

     this.setStateHandler = this.setStateHandler.bind(this); 
    }; 

    setStateHandler() { 
     var item = "setState..." 
     var myArray = this.state.data; 
     myArray.push(item) 
     this.setState({data: myArray}) 
    }; 

    render() { 
     return (
     <div> 
      <button onClick = {this.setStateHandler}>SET STATE</button> 
      <h4>State Array: {this.state.data}</h4> 
     </div> 
    ); 
    } 
} 

export default App; 

Nach Klick-Taste, die 'setState ...' String wird auftauchen. Aber ich verstehe die Verwendung der this.setStateHandler.bind(this); Funktion nicht. Kann mir jemand das erklären?

Answer 1

this.setStateHandler().bind(this) setzt den Kontext für die Funktion setStateHandler() als Klassenobjekt. Dies ist notwendig, damit Sie innerhalb der Methode this.setState({...}) aufrufen können, da setState() die Methode React.Component ist. Wenn Sie nicht .bind(this) erhalten Sie einen Fehler, der setState() Methode ist undefiniert.