如何使用react组件更改其他处理程序中的onMouseMove处理程序？

import React, { Component } from 'react';

class MouseMoveComponent extends Component {
  constructor(props) {
    super(props);
    this.state = {
      isMouseMoving: false
    };
  }

  handleMouseEnter = () => {
    this.setState({ isMouseMoving: true });
    this.props.onMouseMove(true);
  }

  handleMouseLeave = () => {
    this.setState({ isMouseMoving: false });
    this.props.onMouseMove(false);
  }

  render() {
    return (
      <div
        onMouseEnter={this.handleMouseEnter}
        onMouseLeave={this.handleMouseLeave}
      >
        {/* Your component content */}
      </div>
    );
  }
}

export default MouseMoveComponent;

import React, { Component } from 'react';
import MouseMoveComponent from './MouseMoveComponent';

class App extends Component {
  handleMouseMove = (isMouseMoving) => {
    if (isMouseMoving) {
      // 鼠标正在移动的操作
      console.log('Mouse is moving');
    } else {
      // 鼠标停止移动的操作
      console.log('Mouse stopped moving');
    }
  }

  render() {
    return (
      <div>
        {/* Other components */}
        <MouseMoveComponent onMouseMove={this.handleMouseMove} />
        {/* Other components */}
      </div>
    );
  }
}

export default App;