は未定義です（ '_this.webview.goBack（）'を評価しています）

Question

私はまだReact-Nativeの新人です。goBack機能を起動するために私のwebviewにアクセスする方法を理解しようとしています。ユーザーがAndroid搭載端末の「戻る」ボタンを押したときに表示されます。ここで

は何ですか（ '_this.webview.goBackを（）' を評価）関数ではありません、私は

constructor(props){ 
    super(props); 
} 

componentDidMount() { 
    BackAndroid.addEventListener('hardwareBackPress', this.backHandler); 
    this.webview.messagesChannel.on('text', function({...})) //this is working 
} 

componentWillUnmount() { 
    BackAndroid.removeEventListener('hardwareBackPress', this.backHandler); 
} 

backHandler =() => { 
    this.webview.goBack(); //this throws and error 
    return true; 
} 

render() { 
    return (
     <View style={styles.parent}> 
      <WebView 
      userAgent={"mobileapp"} 
      source={{uri: url}} style={styles.fullScreen} 
      domStorageEnabled={true} 
      ref={this._refWebView} 
      /> 
     </View> 
    ); 
} 

_refWebView = (webview) => { 
    this.webview = webview; 
} 

を得たものだと私はシミュレータ

未定義に次のエラーを取得しますthis.webviewにアクセスする適切な方法は？

ありがとうございます！

Answer 1

WebViewのリファレンスにアクセスするのに間違ったことはありませんでした。

WebViewでrefコールバックに問題があります。 これは複数回呼び出され、時にはref = nullのため、以前に設定した参照this.webviewを上書きする可能性があります。あなたは定義されたのWebViewを取得を確保（これは事実...に起こることになっていません）を修正するには

は、それを設定する前にをREF：

_refWebView = (webview) => { 
    if (!webview) { 
     return; 
    } 
    this.webview = webview; 
}