/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 vote168 views1 answer
How to make this transform with React-Native? https://stackoverflow.com/questions/37538303/how-to-make-this-transform-with-react-native
Javascript React
0 vote160 views1 answer
Storybook react
Javascript React
-1 vote149 views1 answer
New Map() collection in react state
Javascript React
0 vote155 views2 answers
React js form radio input using hooks
Javascript React
0 vote165 views1 answer
Export socket io connection in react
Javascript React
0 vote133 views2 answers
React native detect platform
Javascript React
262 votes343 views6 answers
Create a react native project
Javascript React
-1 vote157 views3 answers
Instalar react native paper
Javascript React
0 vote217 views2 answers
React native maximum update depth exceeded
Javascript React
0 vote158 views1 answer
React-select-search useSelect hook
Javascript React