如何使用ReactJS重新加载iframe？

import React, { Component } from 'react';

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

  reloadIframe = () => {
    this.iframeRef.current.contentWindow.location.reload();
  }

  componentDidUpdate(prevProps, prevState) {
    if (prevState.isIframeReload !== this.state.isIframeReload && this.state.isIframeReload) {
      this.reloadIframe();
      this.setState({ isIframeReload: false });
    }
  }

  handleReloadClick = () => {
    this.setState({ isIframeReload: true });
  }

  render() {
    return (
      <div>
        <button onClick={this.handleReloadClick}>重新加载iframe</button>
        <iframe ref={this.iframeRef} src="https://example.com"></iframe>
      </div>
    );
  }
}

export default MyComponent;