/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

5 votes242 views2 answers
Get url query in react
Javascript React
0 vote254 views1 answer
React native tdd emzyme
Javascript React
0 vote247 views1 answer
Unrecognized font family fontawesome react native ios
Javascript React
0 vote225 views1 answer
React js set default route
Javascript React
0 vote229 views2 answers
Login with facebook expo react native
Javascript React
0 vote256 views1 answer
Ionic react exit app
Javascript React
0 vote270 views1 answer
React catch error in component
Javascript React
0 vote201 views1 answer
./src/App.js Module not found: Can't resolve '@fullcalendar/core/main.css' in 'c:\react-souf\src'
Javascript React
0 vote274 views1 answer
React router link electron not working
Javascript React
1 vote242 views1 answer
React native modal not full screen
Javascript React