Para implementar una llamada asíncrona, puede usar la siguiente biblioteca con react-redux

1. redux-thunk
2. redux-promesa
3. redux-saga

Puede aprender el manejo asincrónico de llamadas utilizando la documentación de la biblioteca

Si está utilizando Vanilla ReactJS y su aplicación no necesita Flux o Redux para controlar el estado de la aplicación, puede usar el componentWillMount WillMount del método de ciclo de vida de React para eso con el método de fetch integrado o una biblioteca como axios

Si su aplicación necesita Flux o Redux , personalmente recomiendo Redux sobre Flux y puede usar el middleware redux-thunk para eso. por ejemplo

 const INCREMENT_COUNTER = 'INCREMENT_COUNTER'; function increment() { return { type: INCREMENT_COUNTER }; } function incrementAsync() { return dispatch => { setTimeout(() => { // Yay! Can invoke sync or async actions with `dispatch` dispatch(increment()); }, 1000); }; }

Para obtener más información, consulte http://redux.js.org/docs/advanced/AsyncActions.html

Aquí está la documentación sobre cómo usar acciones asíncronas: http://redux.js.org/docs/advanced/AsyncActions.html

Lo defines así al configurar la tienda:

 const store = createStore( rootReducer, applyMiddleware( thunkMiddleware ) )

Y lo usas en las acciones así:

 function fetchAction(data) { // Return a function, this function will be activated the the thunk middleware with dispatch as parameter return function (dispatch) { // Dispatch some action before fetch (like setting loading) dispatch(requestData(data)); // return a promise of the fetch return fetch('yoururl') .then(response => response.json()) .then(json => // dispatch a new action when you get your data dispatch(receivedData(data,json)) ).catch (e = > // you can also dispatch an error dispatch(errorData(data,e)); ) } }