이벤트 핸들러 내에서 props 사용

Question

이벤트 핸들러에서 props를 사용하려고합니다. 이것은 내 코드 문제는 내가 '이동'핸들러 내부 this.props에 액세스 할 수 없습니다 오전

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() {...} 
} 

의 일부입니다.

Answer 1

this.props에 대한 참조를 저장하고 이벤트 처리기에서 참조 할 수 있습니다.

또는 소멸자를 사용하여 필요한 개별 속성에 액세스 한 다음 이벤트 처리기에서 해당 속성에 액세스하십시오.

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