/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

23 votes175 views4 answers
How to copy to clipboard in react js
Javascript React
3 votes173 views4 answers
Import in react
Javascript React
32 votes185 views1 answer
How to use routes in react js
Javascript React
24 votes184 views6 answers
Box shadow react native
Javascript React
2 votes212 views3 answers
There might be a problem with the project dependency tree. It is likely not a bug in Create React App, but something you need to fix locally.
Javascript React
18 votes167 views6 answers
How to import svg in react
Javascript React
85 votes190 views6 answers
Redirect react js
Javascript React
1 vote156 views1 answer
Document not intialized react js
Javascript React
1 vote156 views1 answer
Stop page refresh on button click react
Javascript React
3 votes209 views3 answers
Adding donet chart text center in react
Javascript React