onNavigationStateChange在React Native WebView组件中呈现两次

Question

我正在使用Webview付款，付款后，数据将存储到Firebase。 firebase的零件代码在onNavigationStateChange函数中，但不知何故，数据两次存储在firebase中。此函数中的任何内容都将被调用两次。我不知道为什么会这样？

 <WebView
     ref="webview"
     source={{ uri: this.state.result }}
     onNavigationStateChange={this.onNavigationChange.bind(this)}
 />

onNavigationStateChange

onNavigationChange(webViewState) {
        let hitUrl = webViewState.url;
        if (hitUrl.includes('payment_id=')) {
            let payment_final_id = hitUrl.split("payment_id=").pop().split("&")[0]
            this.props.emptyCart(this.props.cartItems.cart)
            this.orderToDb(this.state.cartItems,this.state.uid,payment_final_id,new Date().toLocaleString().split(",")[0],this.state.address)
        }
    }