ReactJs：如何在不使用 window.location.reload() 的情况下重新加载/刷新/重新渲染组件

Question

我想重新加载/刷新/重新渲染我的组件，但不使用 ‍‍‍window.location.reload()。有没有可能的方法来做到这一点。我已经尝试过 this.forceUpdate() 和 this.setState({ state: this.state }); 但这些对我来说实际上并没有帮助。 p>

 testDoneHandler(e) {
    if( this.state && e.origin === document.location.origin ) {
      if( e.data === 'testingClosed' ) {
        this.setState({ state: this.state });
      
      }
    }
  }



 componentDidMount() {
    window.addEventListener('message', this.testingClosed.bind(this));
  }

任何建议/帮助都会有所帮助。提前致谢

Answer 1

我认为你需要这样的东西：

class t extends React.Component {
  state = {
    forceRerender: 0,
  };
  testDoneHandler(e) {
    if (this.state && e.origin === document.location.origin) {
      if (e.data === "testingClosed") {
        this.setState((value) => ({ forceRerender: value.forceRerender + 1 }));
      }
    }
  }

  componentDidMount() {
    window.addEventListener("message", this.testingClosed.bind(this));
  }

  console.log('forceUpdate', this.state.forceRerender);
}