How to make AJAX request in Redux?
You can use redux-thunk
middleware which allows you to define async actions.
Let's take an example of fetching specific account as an AJAX call using fetch API:
export function fetchAccount(id) {return (dispatch) => {dispatch(setLoadingAccountState()); // Show a loading spinnerfetch(`/account/${id}`, (response) => {dispatch(doneFetchingAccount()); // Hide loading spinnerif (response.status === 200) {dispatch(setAccount(response.json)); // Use a normal function to set the received state} else {dispatch(someError);}});};}function setAccount(data) {return { type: 'SET_Account', data: data };}
August 27, 2022
711
Read more
What is React?
November 06, 2022
ReactJSHow to programmatically trigger click event in React?
November 06, 2022
ReactJS