Refreshing React Native WebView to initial url

MyWeb.js

export default class MyWeb extends Component {
  mainUrl = "https://facebook.github.io/";
  state = {
    url: this.mainUrl,
  };

  render() {
    return [
      <WebView
        key="comp1"
        ref={
          ref => {
            this.webView.ref = ref;
          }
        }
        source={
          {
            uri: this.state.url
          }
        }
        onLoad={
          e => {
            // Update the state so url changes could be detected by React and we could load the mainUrl.
            this.state.url = e.nativeEvent.url;
          }
        }
    />,
    <Button
      key="comp2"
      onPress={
        () => {
          if (this.state.url == this.mainUrl) {
            this.webView.ref.reload();
          } else {
            this.setState(prevState => ({
              url: this.mainUrl
            }));
          }
        }
      }
    />
    ];
  }
}

Good idea 👍

Thank you