reactjs - 在事件处理程序中使用道具

Question

我正在尝试在事件处理程序中使用道具。这是我的代码的一部分

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

问题是我无法访问this.props“移动”处理程序内部。

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