/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 vote330 views1 answer
React-multi-carousel don't work
Javascript React
3 votes258 views1 answer
React two way binding
Javascript React
5 votes348 views4 answers
How to use useref hook in react
Javascript React
2 votes325 views1 answer
React-native open call app
Javascript React
0 vote320 views1 answer
React js averta fonts not working in safari staging deployement
Javascript React
1 vote347 views2 answers
Switch is not exported from react-router-dom
Javascript React
0 vote320 views3 answers
Difference between React.functioncomponent and React.component
Javascript React
4 votes337 views2 answers
React input number
Javascript React
0 vote323 views1 answer
Top bar in react js
Javascript React
0 vote336 views1 answer
Create react app node: internal/modules/cjs/loader:936throw err;^Error: Cannot find module 'react-scripts/scripts/init.js'
Javascript React