小编Ste*_*nar的帖子

使用Axios处理Redux中的api调用

晚上好大家!

我是React和Redux的初学者,所以如果听起来完全愚蠢的话,请耐心等待.我正在尝试学习如何在Redux中执行一些API调用,但这并不是很好.当我控制记录来自动作创建者的请求时,promise值总是"未定义",因此我不确定我是否正确执行此操作.

我的目标是从有效负载对象内的数据中获取信息并将其显示在组件内.过去几天我一直试图让这个工作起来,我完全迷失了.

我正在使用Axios和redux-promise来处理呼叫.

任何帮助将不胜感激.

这是控制台的输出.

在此输入图像描述

在此输入图像描述

动作造物主

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
    };
}
Run Code Online (Sandbox Code Playgroud)

减速器

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;
  }
Run Code Online (Sandbox Code Playgroud)

零件

import React from 'react';
import { Component } from 'react';
import { connect } from 'react-redux';
import …
Run Code Online (Sandbox Code Playgroud)

javascript promise reactjs redux axios

21
推荐指数
5
解决办法
4万
查看次数

标签 统计

axios ×1

javascript ×1

promise ×1

reactjs ×1

redux ×1