How to properly handle Promise redux?

Question

JavaScript

Hello. How to properly handle an asynchronous promise ?

export default connect(
  null,
  dispatch => ({
      onLoginSystem: (account) => {
        return dispatch(loginSystem(account));
      }
  })
)(AdminPanel);

import axios from 'axios';

export const loginSystem = (data) => {
    return dispatch => {
        return axios.post('/user', {
            login: data.login,
            password: data.password
        })
   }
}

this.props.onLoginSystem(account).then((response) => {
   .... не работает
})

Answer 1

Judging by the code, you decided to involve redux in this business as well, so you need to supplement your example with a reducer and read data from it.
off.documentation
tutorial on ru (outdated, but the essence itself has not changed)

Answer 2

axios.post('/user', {
     login: data.login,
     password: data.password
}).then(({data})=>{
    store.dispatch({
        type:'ACTION',
        data
    })
})

Answer 3

redux-thunk ?