访问react-components内部的文档

Question

是否有最佳实践来解释如何将事件绑定到React组件中的文档？

执行以下操作是否正常：

class MyComponent extends React.Component {
  state = {
    color: "red",
  }

  componentDidMount() {
    document.addEventListener('mouseover', () => {
      this.setState();
    });
  }

  render() {
    return (
      <div style={{backgroundColor: this.state.color}}>
        hello, world!
      </div>
    );
  }
}

创建自己的事件监听器并处理内部的所有交互（例如，调用组件的方法）是否更好？