javascript - 如何从文档事件中获取对 react 组件的引用？

Question

我的 React 组件中有一个文档 mousemove 事件，但我无法访问我的类中的局部变量。我该怎么做？

class MyComponent extends React.Component {
        constructor(props) {
            super(props);
            this.name = 'hello';
            document.addEventListener ('mousemove', this.mousemoveListener, true);
        }

        mousemoveListener (e) {
            console.log(this.name); // returns undefined
        }
}

Answer 1

您需要绑定(bind)上下文:

this.mousemoveListener = this.mousemoveListener.bind(this)

在注册事件监听器之前添加此行。

我建议您了解 JavaScript 中 this 的奇怪之处。