/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

3 votes331 views1 answer
React prop ytpes
Javascript React
1 vote331 views2 answers
React-native array.filter by index arrow function
Javascript React
2 votes389 views1 answer
React concatenate string and component
Javascript React
0 vote352 views1 answer
React load script after render
Javascript React
5 votes331 views1 answer
React code splitting (component based)
Javascript React
2 votes328 views1 answer
Make page refresh on top in react js
Javascript React
1 vote338 views1 answer
React-native link to play store
Javascript React
2 votes308 views1 answer
Yarn create react-app test00h00m00s 0/0: : ERROR: [Errno 2] No such file or directory: 'create'
Javascript React
0 vote369 views1 answer
Form.select not working react bootstrap
Javascript React
1 vote355 views1 answer
How to check if url has hash in react
Javascript React