/Javascript/React/React native load function each time visit screen

React native load function each time visit screen

You have to add focus listener so when you go back, It will refresh the data 
like

import * as React from 'react';
import { View } from 'react-native';

function AppScreen({ navigation }) {
  React.useEffect(() => {
    const unsubscribe = navigation.addListener('focus', () => {
      // The screen is focused
      // Call any action and update data
    });

    // Return the function to unsubscribe from the event so it gets removed on unmount
    return unsubscribe;
  }, [navigation]);

  return <View />;
}
source : https://reactnavigation.org/docs/function-after-focusing-screen/

Similar codes

0 vote400 views1 answer
Create react app node: internal/modules/cjs/loader:936throw err;^Error: Cannot find module 'react-scripts/scripts/init.js'
Javascript React
0 vote376 views1 answer
React-router in saga
Javascript React
15 votes372 views1 answer
Reducer in react example
Javascript React
0 vote387 views1 answer
React looping hooks to display in other hook
Javascript React
1 vote369 views2 answers
How to navigate with navintems for react-bootstrap without refreshing the whole page
Javascript React
2 votes372 views1 answer
React Refused to execute inline script because it violates the following Content Security Policy directive
Javascript React
0 vote390 views1 answer
React native map repeate
Javascript React
1 vote374 views1 answer
React toggle class
Javascript React
1 vote368 views1 answer
When i go srource in react app in chrome i see my files
Javascript React
-1 vote381 views1 answer
Update text react native
Javascript React