react-native - React Native 重新加载页面

Question

所以我有一个带有事件的应用程序。该应用程序会在开始时检查 Internet 连接。如果没有 Internet 连接，它会显示一个带有刷新页面按钮的屏幕。问题是我的 API 调用 (Axios) 位于 componentDidMount()在第一次渲染后只调用一次。有什么办法可以重新加载页面，以便它调用 componentDidMount再次？

我的意思是完全刷新。顺便说一句，我正在使用 EXPO。任何帮助表示赞赏。抱歉，没有示例，如果可能的话，我只是想了解一下

Answer 1

您可以强制更新组件。
检查这个:
https://reactjs.org/docs/react-component.html#forceupdate

它将重新渲染组件。

检查这个例子:

class App extends Component{
  constructor(){
    super();
        this.forceUpdateHandler = this.forceUpdateHandler.bind(this);
  };

  forceUpdateHandler(){
    this.forceUpdate();
  };

  render(){
    return(
      <div>
          <button onClick= {this.forceUpdateHandler} >FORCE UPDATE</button>
            <h4>Random Number : { Math.random() }</h4>
          </div>
    );
  }
}

ReactDOM.render(<App />, document.getElementById('app'));