javascript - 如何在 react-native webView 和 React web-app 之间进行通信？

Question

我正在尝试在 react-native 中的 webView 和使用 React-360(当然还有 React)创建的网络应用程序之间创建通信。 我正在使用 react-native-webview 并按照此链接中的本指南创建通信: https://github.com/react-native-community/react-native-webview/blob/master/docs/Guide.md 使用页面中的示例，在脚本部分使用函数 window.ReactNativeWebView.postMessage(data) 的简单 html 页面(如链接中的示例)效果很好:

 <WebView
  source={{uri: this.props.link}}

    ref={( webView ) => this.webView = webView}

    onMessage={event => {
      alert(event.nativeEvent.data);
    }}
  />

但是，我的目的是在单击按钮时调用 webView window.ReactNativeWebView.postMessage(data) 中的 Web 应用程序，例如使用如下函数:

homeButtonClicked() {
    console.log("sei uscito, torna all'App!")
    window.ReactNativeWebView.postMessage(data);
}

不幸的是，当我点击按钮时出现以下错误: 无法读取未定义的属性“postMessage”。我该如何解决这个问题？感谢大家。

Answer 1

你能试试文档中的超时功能吗

setTimeout(function () {
   window.ReactNativeWebView.postMessage("Hello!")
}, 2000)