/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 votes208 views1 answer
React hooks delete item from array
Javascript React
0 vote228 views1 answer
React-native-image-viewing
Javascript React
21 votes200 views5 answers
How to add a shadow react native
Javascript React
1 vote181 views1 answer
React navigation asyncstorage install
Javascript React
24 votes156 views6 answers
React native navigation
Javascript React
1 vote226 views1 answer
React multiple event handlers]
Javascript React
0 vote215 views1 answer
React Calender Style
Javascript React
7 votes202 views4 answers
React router link
Javascript React
0 vote205 views1 answer
Error React Hook "useStaticQuery" is called in function
Javascript React
0 vote209 views1 answer
Icon with label in react native
Javascript React