/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 vote343 views2 answers
React useEffect prevent first time
Javascript React
1 vote407 views1 answer
How to resize react icons
Javascript React
35 votes360 views6 answers
Create react app with tailwind
Javascript React
3 votes320 views2 answers
React api call
Javascript React
0 vote324 views1 answer
OnClick={ (window.open react js
Javascript React
11 votes343 views2 answers
React must be in scope when using jsx
Javascript React
20 votes375 views4 answers
On enter key press react
Javascript React
23 votes414 views6 answers
React hooks useeffect
Javascript React
0 vote348 views1 answer
Icon button react
Javascript React
0 vote341 views1 answer
React hooks link to external site
Javascript React