/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

0 vote341 views1 answer
React key press hook
Javascript React
2 votes348 views2 answers
React native settimeout
Javascript React
-1 vote335 views1 answer
Update text react native
Javascript React
0 vote345 views1 answer
Add active class to button onclick react
Javascript React
0 vote332 views1 answer
React call component state
Javascript React
0 vote333 views1 answer
Use this in a react js component
Javascript React
0 vote321 views1 answer
Event handling in react documentation
Javascript React
0 vote330 views2 answers
Mobile nav react npm
Javascript React
0 vote347 views1 answer
Create react without jsx
Javascript React
15 votes305 views6 answers
Axios react
Javascript React