/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 vote190 views1 answer
How to reset ReactJS file input
Javascript React
2 votes185 views2 answers
Rtl support react native
Javascript React
0 vote192 views1 answer
How to extract params from received link in react native firebase dynamiclink?
Javascript React
0 vote210 views1 answer
Making font weight bold by passing value in React.js
Javascript React
0 vote188 views1 answer
Mock createRef jest react functional component
Javascript React
0 vote188 views1 answer
Run react app in different port
Javascript React
1 vote258 views2 answers
What is super(props) in react
Javascript React
0 vote208 views1 answer
React image source showing object module
Javascript React
3 votes206 views2 answers
React get data attribute from element
Javascript React
0 vote239 views1 answer
21:216 Error: Unknown property 'crossorigin' found, use 'crossOrigin' instead react/no-unknown-property
Javascript React