/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

10 votes331 views2 answers
React text input onchange
Javascript React
68 votes368 views4 answers
Inline styling react
Javascript React
3 votes349 views3 answers
React change url params
Javascript React
0 vote354 views1 answer
Can i use hooks with expo in react native
Javascript React
0 vote351 views1 answer
React regions
Javascript React
0 vote361 views1 answer
Limit values that satisy a url parameter react-router
Javascript React
4 votes310 views1 answer
React propthpes or
Javascript React
4 votes355 views1 answer
Text input placeholder color react native
Javascript React
0 vote337 views1 answer
Open screen pdf on google drive react native expo
Javascript React
0 vote366 views1 answer
React-native-error-check-the-render-method-of-app
Javascript React