Добрый вечер всем!
Я новичок в React и Redux, поэтому, пожалуйста, несите меня, если это звучит совершенно глупо. Я пытаюсь узнать, как я могу выполнять некоторые вызовы API в Redux, и все не так хорошо. Когда я консоль регистрирую запрос от создателя действия, значение обещания всегда "undefined", поэтому я не уверен, правильно ли я делаю это.
Моя цель - захватить информацию из данных внутри объекта полезной нагрузки и отобразить их внутри компонента. Я пытался заставить это работать в прошлые дни, и я полностью потерялся.
Я использую Axios for и redux-обещают обрабатывать вызов.
Любая помощь будет принята с благодарностью.
Здесь вывод из консоли.
Action Creator
import axios from 'axios';
export const FETCH_FLIGHT = 'FETCH_FLIGHT';
export function getAllFlights() {
const request = axios.get('http://localhost:3000/flug');
console.log(request);
return {
type: FETCH_FLIGHT,
payload: request
};
}
Редуктор
import { FETCH_FLIGHT } from '../actions/index';
export default function(state = [], action) {
switch (action.type) {
case FETCH_FLIGHT:
console.log(action)
return [ action.payload.data, ...state ]
}
return state;
}
Компонент
import React from 'react';
import { Component } from 'react';
import { connect } from 'react-redux';
import { bindActionCreators } from 'redux';
import { getAllFlights } from '../actions/index';
import Destinations from './Destinations';
class App extends Component {
componentWillMount(){
this.props.selectFlight();
}
constructor(props) {
super(props);
this.state = {
};
}
render() {
return (
<div>
</div>
);
}
function mapStateToProps(state) {
return {
dest: state.icelandair
};
}
function mapDispatchToProps(dispatch) {
return bindActionCreators({ selectFlight: getAllFlights }, dispatch);
}
export default connect(mapStateToProps, mapDispatchToProps)(App);