вызов yield yield работает, но данные не возвращаются - PullRequest
Новая
       23

вызов yield yield работает, но данные не возвращаются

0 голосов
/ 26 октября 2019

Я сейчас пытаюсь POST с помощью Redx Saga и выборки. Я использую набор материалов creative-tim в качестве шаблона по умолчанию.

API, который вы хотите выполнить посредством вызова yield, фактически связывается с сервером (и сервер сохраняет полученное значение в БД),но ответ: UNDEFINED.

Когда я попробовал код, связанный с redux-saga, в другом проекте, он работал нормально, но только в проекте с шаблоном. Но я не думаю, что это проблема с шаблоном. Та же проблема возникла, когда я попытался связаться с другим сервером. (Также была ошибка в GET-коммуникации с использованием axios, но это работает только при получении.)

мой модуль показан ниже, 

import { createAction, handleActions } from 'redux-actions';
import createRequestSaga, {
  createRequestActionTypes
} from '../lib/createRequestSaga';
import * as askAPI from '../lib/api/ask';
import { takeLatest } from 'redux-saga/effects';

const INITIALIZE = 'ask/INITIALIZE';
const CHANGE_FIELD = 'ask/CHANGE_FIELD';
const [
  WRITE_ASK,
  WRITE_ASK_SUCCESS,
  WRITE_ASK_FAILURE
] = createRequestActionTypes('ask/WRITE_ASK');

export const initialize = createAction(INITIALIZE);
export const changeField = createAction(CHANGE_FIELD, ({ key, value }) => ({
  key,
  value
}));
export const writeAsk = createAction(WRITE_ASK, ({ name, email, body }) => ({
  name,
  email,
  body
}));

const writeAskSaga = createRequestSaga(WRITE_ASK, askAPI.writeAsk);

export function* writeSaga() {
  yield takeLatest(WRITE_ASK, writeAskSaga);
}

const initialState = {
  name: '',
  email: '',
  body: '',
  ask: null,
  askError: null
};

const ask = handleActions(
  {
    [INITIALIZE]: state => initialState,
    [CHANGE_FIELD]: (state, { payload: { key, value } }) => ({
      ...state,
      [key]: value
    }),
    [WRITE_ASK]: state => ({
      ...state,
      ask: null,
      askError: null
    }),
    [WRITE_ASK_SUCCESS]: (state, { payload: ask }) => ({
      ...state,
      ask
    }),
    [WRITE_ASK_FAILURE]: (state, { payload: askError }) => ({
      ...state,
      askError
    })
  },
  initialState
);

export default ask;

, а createRequestSaga показан ниже. createRequestSaga.js 

import { call, put, fork, delay } from 'redux-saga/effects';
import { startLoading, finishLoading } from '../modules/loading';

export const createRequestActionTypes = type => {
  const SUCCESS = `${type}_SUCCESS`;
  const FAILURE = `${type}_FAILURE`;
  return [type, SUCCESS, FAILURE];
};

export default function createRequestSaga(type, request) {
  const SUCCESS = `${type}_SUCCESS`;
  const FAILURE = `${type}_FAILURE`;

  return function*(action) {
    yield put(startLoading(type)); //LOADING START

    try {
      const response = yield call(request, action.payload);
      console.log(response); //THIS IS UNDEFINED
      yield put({
        type: SUCCESS,
        payload: response.data
      });
    } catch (e) {
      console.log(e); 
      yield put({
        type: FAILURE,
        payload: e,
        error: true
      });
    }
    yield put(finishLoading(type)); //LOADING FINISH
  };
}

и это API-код 

export const writeAsk = ({ name, email, body }) => {
  fetch('http://allnewfit.net:4000/api/ask', {
    method: 'POST',
    body: JSON.stringify({ name, email, body }),
    headers: {
      'Content-Type': 'application/json'
    }
  });
};

Я ожидаю, что результат ответа будет ниже (только ответ сервера) 

{
    "fieldCount": 0,
    "affectedRows": 1,
    "insertId": 38,
    "info": "",
    "serverStatus": 2,
    "warningStatus": 0
}

но фактический вывод не определен

Где проблема в коде? Спасибо за вашу помощь.

1 Ответ

0 голосов
/ 26 октября 2019

Вам необходимо вернуть обещание, сгенерированное fetch, используя return или убрав фигурные скобки вокруг выборки: 

export const writeAsk = ({ name, email, body }) =>
  fetch('http://allnewfit.net:4000/api/ask', {
    method: 'POST',
    body: JSON.stringify({ name, email, body }),
    headers: {
      'Content-Type': 'application/json'
    }
  });
...