React/Redux 无法保持搜索输入的先前状态

Question

我正在尝试将最近的搜索保存在本地存储中。

Reducer.js

const initialState = {
  venues: [],
  searches: [],
};

const venueReducer = (state = initialState, action) => {
  switch (action.type) {
    case RECENT_SEARCHES:
      return {
        ...state,
        searches: [
          ...state,
          { near: action.payload.location, query: action.payload.place },
        ],
      };
  }
};

Action.js

export const fetchVenues = (place, location) => dispatch => {
  dispatch({ type: FETCH_VENUE_REQUESTED })
  dispatch({ type: RECENT_SEARCHES, payload: { place, location } })
};

现在我正在获取用户输入并将其保存到 reducer 中的搜索数组中，但它没有保持以前的状态。只显示当前用户输入。

Answer 1

当你传播搜索时，你需要做：

[ ...state.searches,

不仅仅是：

[ ...state,

因为这会将state.venues (Array) 和state.searches (Array) 放入您的state.searches