/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

1 vote163 views5 answers
React state
Javascript React
0 vote157 views1 answer
How to change currency in react-paypal-button-v2
Javascript React
3 votes144 views1 answer
React after deployment givin nginx 404
Javascript React
0 vote159 views2 answers
React query stop refetch when i switch browser tabs (per query)
Javascript React
32 votes156 views1 answer
React router command
Javascript React
0 vote187 views1 answer
Make a ReactNative component take the height and width of the current window
Javascript React
0 vote155 views1 answer
React firebase add doc to collection
Javascript React
0 vote141 views1 answer
React infinte scroll
Javascript React
3 votes147 views1 answer
React bootstrap card
Javascript React
19 votes149 views6 answers
React native build android apk
Javascript React