/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

16 votes204 views6 answers
Usestate in react
Javascript React
0 vote189 views1 answer
Dull or blur a background image in react native
Javascript React
0 vote214 views1 answer
How to disable button if errors object isnt empty in react hook form
Javascript React
31 votes216 views1 answer
Install react router dom and save
Javascript React
15 votes211 views5 answers
React svg
Javascript React
8 votes222 views1 answer
Professional react projects
Javascript React
10 votes200 views4 answers
React native disable warnings
Javascript React
1 vote269 views1 answer
UseScreens() react native
Javascript React
0 vote216 views1 answer
React js date ago
Javascript React
3 votes206 views4 answers
Add new array at the back of react state
Javascript React