/Javascript/React/Get LocalStorage from WebView react native

Get LocalStorage from WebView react native

import { WebView } from 'react-native-webview';

const INJECTED_JAVASCRIPT = `(function() {
  const tokenLocalStorage = window.localStorage.getItem('token');
  window.ReactNativeWebView.postMessage(tokenLocalStorage);
})();`;

export default function App() {
  const onMessage = (payload) => {
    console.log('payload', payload);
  };

  return (
    <View style={styles.container}>
      <StatusBar style="auto" />
      <WebView
        source={{ uri: 'https://somewebsite.com/login' }}
        injectedJavaScript={INJECTED_JAVASCRIPT}
        onMessage={onMessage}
      />
    </View>
  );
}

Source: stackoverflow.com

Similar codes

14 votes294 views4 answers
Conditional classname prop react
Javascript React
1 vote268 views1 answer
Handling scrolling on react router transitions
Javascript React
5 votes276 views4 answers
How to get url in react
Javascript React
0 vote262 views1 answer
React native updating options with setoptions
Javascript React
0 vote255 views1 answer
How is react different from normal js
Javascript React
0 vote258 views1 answer
Use es6 arrow function in react
Javascript React
1 vote261 views1 answer
React-native curved view
Javascript React
31 votes240 views1 answer
Download react router dom
Javascript React
0 vote269 views1 answer
React native navigation paramlist never used
Javascript React
-2 votes285 views3 answers
Keyboard dismiss in react native
Javascript React