/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

0 vote328 views1 answer
React Native Text style example
Javascript React
0 vote397 views1 answer
Create loop to specific length react
Javascript React
0 vote441 views1 answer
Require cycle disable warning react native
Javascript React
0 vote418 views1 answer
How to upload react js project on server
Javascript React
11 votes381 views2 answers
How to add react icons using npm
Javascript React
2 votes379 views1 answer
React onclick type
Javascript React
0 vote410 views1 answer
Matched leaf route at location "/" does not have an element. react
Javascript React
12 votes324 views3 answers
React form hook npm
Javascript React
0 vote430 views1 answer
Invariant Violation: [React Intl] An `id` must be provided to format a message.
Javascript React
3 votes325 views1 answer
React tooltip data-tip
Javascript React