Javascript Can'；t将React元素绑定到事件侦听器

我有以下代码（编辑到相关部分）：

main.js

import { mouseDownEvent } from '../common';

export default class MyComponent extends React.Component {
  componentDidMount() {
    this.refs.btn.addEventListener(
      'mousedown',
      mouseDownEvent.bind(this) // <-- not working!
    );
  }
  render() {
    return (
      <div ref="btn" className="btn"/>
    );
  }
}

从“../common”导入{mouseDownEvent}；
导出默认类MyComponent扩展React.Component{
componentDidMount（）{
this.refs.btn.addEventListener(
“mousedown”，
mouseDownEvent.bind（这个）//{
console.log（this）；//您的问题是使用的是箭头函数：

export const mouseDownEvent = event => {
  console.log(this); // <-- 'undefined'
};

您的问题是您正在使用箭头函数：

export const mouseDownEvent = event => {
  console.log(this); // <-- 'undefined'
};

您的问题是您正在使用箭头函数：

export const mouseDownEvent = event => {
  console.log(this); // <-- 'undefined'
};

您的问题是您正在使用箭头函数：

export const mouseDownEvent = event => {
  console.log(this); // <-- 'undefined'
};