/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 vote103 views1 answer
React time input
Javascript React
0 vote166 views1 answer
Reactstrap form post
Javascript React
0 vote105 views1 answer
Const userMessage Reaction = new UserMessage Reaction({ _id: mongoose.Types.ObjectId(), userId: "USERID", userName: "TESTUSERNAME", messageId: "TESTMESSAGEID", time: "TESTTIME" });
Javascript React
1 vote157 views1 answer
Create functional component react
Javascript React
0 vote99 views1 answer
Unexpected token react
Javascript React
0 vote131 views1 answer
React electron desktop app
Javascript React
0 vote99 views1 answer
React router dom two page form
Javascript React
1 vote104 views1 answer
React tostify
Javascript React
5 votes116 views2 answers
React js download file
Javascript React
2 votes107 views2 answers
Await in react in function component
Javascript React