/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 votes145 views1 answer
React style ternary operator
Javascript React
0 vote142 views1 answer
Horizontal cards react bootstrap
Javascript React
0 vote185 views1 answer
React native image path in vriable
Javascript React
4 votes152 views1 answer
Multiple click events in react
Javascript React
1 vote145 views1 answer
Is a good idea to add class in react hooks with document.body.addclasslist
Javascript React
-1 vote149 views2 answers
How to connect react to backend
Javascript React
1 vote174 views3 answers
React native port
Javascript React
1 vote97 views1 answer
Parent to child react state
Javascript React
0 vote148 views1 answer
Traduire text with api translate google in react
Javascript React
0 vote126 views5 answers
React native cache clear
Javascript React