javascript - 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