Не могу переименовать ответ в редуксе - PullRequest
Новая
       4

Не могу переименовать ответ в редуксе

0 голосов
/ 29 июня 2018

Я хочу переименовать ответ в .then(..., потому что он называется так же, как параметр, но получает 

[1] ./src/actions/postsActions.js
[1]   Line 95:  'e' is not defined  no-undef

Проблема в том, что dispatches action отображает сообщение, и принимает addPost данные параметра в качестве параметра showMessage, и в нем нет свойства сообщения ..

Пример: 

export const addPost = data => dispatch => {
  dispatch({
    type: ADD_POST
  });
  fetch(API_URL + "/posts", {
    method: "POST",
    body: JSON.stringify(data),
    headers: {
      "Content-Type": "application/json",
      Authorization: JSON.parse(localStorage.getItem("token")),
      "Access-Control-Allow-Origin": "*"
    }
  })
    .then(res => res.json())
    .then(
      e =>
        dispatch({
          type: ADD_POST_SUCCESS,
          payload: e
        }),
      dispatch(showMessage(e)),
      setTimeout(() => {
        history.push("/");
        dispatch({ type: CLEAR_MESSAGE });
      }, 2000)
    )
    .catch(err =>
      dispatch({
        type: ADD_POST_FAILED,
        payload: err
      })
    );
};

Ответы [ 2 ]

0 голосов
/ 29 июня 2018

Пожалуйста, рассмотрите этот код ниже, когда вы объединяете несколько функций в then. Ссылка перерыв 

Promise.resolve(1)
.then(
  e => 
    console.log(e), 
    console.log(e) // this will give an error, as e is not accessible here
)

Либо вы должны обернуть все в один блок, как предлагали другие, либо, если порядок выполнения имеет значение, вы можете сделать что-то вроде этого 

Promise.resolve(1)
.then(e => {
  console.log('1. ' + e); // first function
  return e;
})
.then(e => {
  console.log('2. ' + e); // second function
  return e;
})
0 голосов
/ 29 июня 2018

Вместо ecma6 неявное return, добавить оператор блока.

Там нет необходимости return. Разделяйте оператор точкой с запятой. 

then(e => {

      dispatch({type: ADD_POST_SUCCESS, payload: e});
      dispatch(showMessage(e));
      setTimeout(() => {
        history.push("/");
        dispatch({type: CLEAR_MESSAGE});
      }, 2000);

    });
...