/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

18 votes242 views2 answers
Store data in localstorage react
Javascript React
0 vote214 views1 answer
How to go specific content in react single page by id
Javascript React
2 votes236 views3 answers
React reset file input
Javascript React
0 vote230 views1 answer
React content loader
Javascript React
0 vote297 views1 answer
How to update state.item[1] in state using setState? React
Javascript React
0 vote211 views1 answer
Plotly react
Javascript React
0 vote215 views1 answer
React native prevent rotation of screen
Javascript React
2 votes204 views1 answer
React-native-reanimated npm
Javascript React
0 vote215 views1 answer
POST http://localhost:3000/$(process.env.REACT_APP_API_URL)/auth/users/ 404 (Not Found) in react redux
Javascript React
0 vote228 views1 answer
How to add icon in react js
Javascript React