如何在由于焦点onBlur更改而导致的刷新更新期间捕获react事件？

class MyComponent extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      isFocused: false
    };
  }

  componentDidUpdate(prevProps, prevState) {
    if (prevState.isFocused !== this.state.isFocused) {
      // 执行事件处理逻辑
    }
  }

  handleBlur = () => {
    this.setState({ isFocused: false });
  }

  handleFocus = () => {
    this.setState({ isFocused: true });
  }

  render() {
    return (
      <input
        onBlur={this.handleBlur}
        onFocus={this.handleFocus}
      />
    );
  }
}

class ParentComponent extends React.Component {
  handleBlur = () => {
    // 执行事件处理逻辑
  }

  render() {
    return (
      <div onBlur={this.handleBlur}>
        <ChildComponent />
      </div>
    );
  }
}

class ChildComponent extends React.Component {
  render() {
    return <input />;
  }
}