/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 vote191 views1 answer
Put logo in qr code in react js qrcode.react
Javascript React
0 vote189 views1 answer
How to check if we reach end of div react hooks
Javascript React
0 vote212 views1 answer
Attempted import error: 'Map' is not exported from 'react-leaflet' (imported as 'LeafletMap').
Javascript React
14 votes171 views3 answers
Cannot resolve react-router-dom
Javascript React
2 votes228 views1 answer
Iframe in react native
Javascript React
1 vote176 views1 answer
Reactive localstorage in react
Javascript React
0 vote183 views1 answer
React native intro slider
Javascript React
4 votes178 views2 answers
React countdown timer
Javascript React
0 vote199 views1 answer
React js how to do array range
Javascript React
0 vote176 views1 answer
Form.select react bootstrap
Javascript React