Получение ошибки «Действия должны быть простыми объектами. Используйте пользовательское промежуточное ПО для асинхронных действий». в React Native при использовании AXIOS

Question

return function (dispatch) {
    Axio_Instance({
            url: '/user/authenticate/',
            method: 'POST',
            data: {
                username: username,
                password: password,
            }
        }
    ).then((response) => {
        dispatch({type: USER_LOGIN, payload: response});
    }).catch(error => dispatch({type: USER_LOGIN_FAIL, payload: error}))
}

Я создал AXIO-клиент для моего API.

const Axio_Instance = axios.create({
baseURL: 'localhost:8080/chatapi/',
timeout: 1000,

});

и импортируется как

`import axios from 'axios';`

Я вызываю такую ​​функцию,

                onPress={()=>[enter image description here][1]   this.props.dispatch(login(this.state.username,this.state.password));
                }}>

Проблема: когда я запускаю это в моем эмуляторе, появляется вышеуказанная ошибка. Пожалуйста, предложите, где я делаю ошибку.

Answer 1

Библиотеки Redux-Promise-Middleware будут выполнять ту же задачу. Подумайте об их использовании.