小编Dis*_*zin的帖子

如何在redux中发出AJAX请求

据我所知,我必须在行动创建中写入请求.如何使用承诺提交请求?我正在获取数据.然后在reducer中创建新状态.在连接中绑定动作和减速器.但我不知道如何使用承诺请求.

行动

import $ from 'jquery';
export const GET_BOOK = 'GET_BOOK';

export default function getBook() {
  return {
    type: GET_BOOK,
    data: $.ajax({
      method: "GET",
      url: "/api/data",
      dataType: "json"
    }).success(function(data){
      return data;
    })
  };
}
Run Code Online (Sandbox Code Playgroud)

减速器

import {GET_BOOK} from '../actions/books';

const booksReducer = (state = initialState, action) => {
  switch (action.type) {
    case GET_BOOK:
      return state;
    default:
      return state;
  }
};

export default booksReducer;
Run Code Online (Sandbox Code Playgroud)

容器 如何在容器中显示数据?

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

ajax request reactjs redux

62
推荐指数
4
解决办法
6万
查看次数

标签 统计

ajax ×1

reactjs ×1

redux ×1

request ×1