无法通过addEventListener，gsap和react读取undefined的属性

Question

我遇到问题，尝试使用gsap的光标制作动画并做出反应，但出现错误"TypeError: Cannot read property 'page' of undefined"

如果有人可以帮助我，那就太好了。谢谢

class App extends React.Component {
  constructor(props) {
    super(props);
    this.page = React.createRef();
    this.cursor = React.createRef();
  }
  render() {
    return (
      <div className="App" ref={this.page} >
        <div>hey</div>
        <div className="cursor" ref={this.cursor}></div>
      </div>
    );
  }
}
const enterMouse = () => {
//some code
};

const moveMousePos = (e) => {
//some code
};

this.page.addEventListener('mouseenter', enterMouse);
this.page.addEventListener('mousemove', moveMousePos);

export default App;

Answer 1

您的函数enterMouse moveMousePos的作用域不正确。现在它们在您的组件之外。您需要将它们移动到组件内部。