/Javascript/React/React custom hook refetch data

React custom hook refetch data

const useGetFetch(url, token, user, parser) => {
  const [state, dispatch] = useReducer(fetchReducer, initialState)
  // calling refetch will force a rerender on the hook
  const [shouldRefetch, refetch] = useState({}); 

  useEffect (() => {
    if(user){
      fetch(...)
      .then((data)=> data.json())
      .then(dispatch(...)) // setting the state here
      .catch((error) => dispatch(...)) // set error state
    }
  }, [user, shouldRefetch]); // note the dep array

 // returning the refetch functions so we can call the refetch() on modal close.
 return [state.response, state.loading, state.error, refetch];
}

To trigger

refetch({});

Source: stackoverflow.com

Similar codes

-2 votes119 views2 answers
How to play around with backend node js and frontend react
Javascript React
2 votes129 views2 answers
Create stack navigator has been moved to react-navigation-stack
Javascript React
0 vote128 views1 answer
Rich text react renderer
Javascript React
0 vote123 views1 answer
Unable to resolve "@react-native-community/masked-view" from
Javascript React
0 vote139 views2 answers
Create a reactjs app with backend and docker
Javascript React
0 vote121 views2 answers
Hiding header in a specific screen in react native
Javascript React
0 vote186 views1 answer
Coreui react change background color
Javascript React
0 vote130 views1 answer
Concept of node js with react js
Javascript React
0 vote128 views1 answer
How is react different from normal js
Javascript React
0 vote138 views3 answers
Flatlist react native keyextractor
Javascript React