Verwenden Sie Requisiten in Event-Handler

Question

Ich versuche, Requisiten in einem Event-Handler zu verwenden. Dies ist ein Teil meines Codes

class Dashboard extends Component { 
    componentDidMount() { 
    var grid = new Muuri('.grid', { 
     //options... 
    }); 
    grid.on('move', (data) => { 
     console.log('ok') 
     //can't use this.props here 
    ); 
    } 
    render() {...} 
    constructor() {...} 
} 

Das Problem ist, ich bin nicht in der Lage this.props in dem ‚move‘ Handler zugreifen.

Answer 1

Sie können die Referenz für this.props speichern und im Event-Handler ablegen.

Oder Greifen Sie mit Destruktoren auf die erforderlichen einzelnen Eigenschaften zu und greifen Sie dann auf diese Eigenschaften im Ereignishandler zu.

class Dashboard extends Component { 
    componentDidMount() { 

     const {prop1name, prop2Name} = this.props; 

     //OR 

     const thisProps = this.props; 




     var grid = new Muuri('.grid', { 
      //options... 
     }); 
     grid.on('move', (data) => { 
      console.log('ok') 
      //access `this.props` using `thisProps` or access individual properties. 
      )} 
     render() {} 
     constructor() {} 
    }