Каковы эти дополнительные свойства в состоянии объекта редукса? - PullRequest
Новая
       9

Каковы эти дополнительные свойства в состоянии объекта редукса?

0 голосов
/ 28 января 2019

В настоящее время я изучаю мясо и картофель реактивного редукса.Я регистрировал состояние объекта из редуктора.Но я вижу эти узлы 1: a, 2: b и т. Д. Для чего они нужны? enter image description here

Это мой код редуктора, и я просто вызываю API recipepuppy 

import { MAKE_REQUEST, LOAD_SEARCH_RESULTS, SEARCH_FAILED } from "../../constants/actionTypes";
const initialState = {
    isRequesting: true,
    searchTerm: '',
    searchFailed: false,
    searchSuccessful: false,
    searchResults: []
};
const rootReducer = (state = initialState, action) => {
    console.log("Original state" + state);
    switch (action.type) {
        case MAKE_REQUEST:

            let requestState = Object.assign({}, state, action.searchTerm, { isRequesting: true });
            console.log(requestState);
            return requestState;

        case LOAD_SEARCH_RESULTS:
            var results = action.searchResults.map(({ thumbnail, title, href }) => { return { thumbnail, title, href } });
            let searchResultState = Object.assign({}, state, { isRequesting: false, searchSuccessful: true, searchFailed: false, searchResults: results });
            console.log(searchResultState);
            return searchResultState;

        case SEARCH_FAILED:
            let searchFailState = Object.assign({}, state, { isRequesting: false, searchSuccessful: false, searchFailed: true, searchResults: [] });
            console.log(searchFailState);
            return searchFailState;

        default:
            return state;
    }
}

export default rootReducer;

1 Ответ

0 голосов
/ 28 января 2019

В вашем первом утверждении case я предполагаю, что action.searchTerm является строкой.Попробуйте выполнить Object.assign({}, 'cake') в консоли.Он вернет {0: "c", 1: "a", 2: "k", 3: "e"}, потому что вы присваиваете строку новому объекту как объект.

Если вы хотите, чтобы ваше состояние имело свойство с именем searchTerm со значением action.searchTerm, сделайте это вместо:

Object.assign({}, state, { isRequesting: true, searchTerm: action.searchTerm });
...