/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

14 votes298 views5 answers
React conditional classname
Javascript React
0 vote354 views1 answer
React js bootstrap select option required
Javascript React
5 votes314 views1 answer
How to create component in reactjs
Javascript React
0 vote328 views1 answer
Code in nested forEach loop- react native
Javascript React
0 vote311 views1 answer
ERROR in ./node_modules/react-icons/all.js 4:0-22
Javascript React
0 vote338 views1 answer
Unistall react node package
Javascript React
0 vote310 views1 answer
Write button hover in react
Javascript React
1 vote357 views1 answer
How to add react icons using yarn
Javascript React
0 vote253 views0 answer
React
Javascript React
22 votes296 views3 answers
How to define array in react js
Javascript React