/Javascript/React/How to give data from react native to webview

How to give data from react native to webview

// Native
this.webviewRef.postMessage('Wayne is coming!!!')

// Web
window.addEventListener("message", message => {
  console.log(message.data) // Wayne is coming!!!
});

Source: stackoverflow.com

How to give data from react native to webview

// Web App
<button onClick={() => {
  if(window.ReactNativeWebView) { // ensure window.ReactNativeWebView is there, otherwise, web app might crash if is not there
    window.ReactNativeWebView.postMessage('Wayne is coming again')
  }
}}>
</button>

// Native App
<WebView
  onMessage={(event) => {
    console.log(event.nativeEvent.data) // Client received data
  }}
  source={{ uri: 'https://your.domain.com' }}
/>

Source: stackoverflow.com

Similar codes

1 vote185 views1 answer
On_raw_reaction_add example
Javascript React
0 vote199 views1 answer
JSON.stringify with strip slash reactjs
Javascript React
13 votes197 views5 answers
React native setup
Javascript React
-2 votes144 views1 answer
React router previous location
Javascript React
-2 votes154 views1 answer
React timepicker example
Javascript React
1 vote241 views1 answer
How to delete element at a particular index of array in react js
Javascript React
0 vote185 views6 answers
State functions of react cheatsheet
Javascript React
0 vote211 views1 answer
React native sovrapporre immagini
Javascript React
0 vote198 views1 answer
React Native BUILD FAILED on run-ios
Javascript React
1 vote186 views2 answers
Switch is not exported from react-router-dom
Javascript React