/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 vote295 views1 answer
Options not working properly in reactjs
Javascript React
0 vote314 views1 answer
React Cache buster
Javascript React
0 vote315 views1 answer
Usehistory v6 go back to previous route in react
Javascript React
0 vote260 views1 answer
Undefined is not a function (near '...(0, _reactNative.createStackNavigator)...')
Javascript React
2 votes314 views2 answers
Unable to resolve module react-navigation
Javascript React
0 vote317 views2 answers
'Navbar' is not defined react/jsx-no-undef
Javascript React
0 vote308 views3 answers
Unexpected template string expression no-template-curly-in-string react
Javascript React
0 vote319 views1 answer
Stateprovider.js react
Javascript React
5 votes317 views3 answers
Fetch in react
Javascript React
4 votes329 views2 answers
Countdown in react js
Javascript React