React Redux -应用程序/商店在将项目添加到商店后重置

const initialState = {
  items: []
};

function rootReducer(state = initialState, action) {
  switch (action.type) {
    case 'ADD_ITEM':
      return {
        ...state,
        items: [...state.items, action.payload]
      };
    default:
      return state;
  }
}

import React from 'react';
import { useSelector, useDispatch } from 'react-redux';

function ItemList() {
  const items = useSelector(state => state.items);
  const dispatch = useDispatch();

  const addItem = () => {
    dispatch({ type: 'ADD_ITEM', payload: { id: Date.now(), name: 'New Item' } });
  };

  return (
    <div>
      <ul>
        {items.map(item => (
          <li key={item.id}>{item.name}</li>
        ))}
      </ul>
      <button onClick={addItem}>Add Item</button>
    </div>
  );
}

export default ItemList;

import { createStore, applyMiddleware } from 'redux';
import thunk from 'redux-thunk';
import rootReducer from './reducers';

const store = createStore(rootReducer, applyMiddleware(thunk));

// Action Creator
function addItemAsync() {
  return dispatch => {
    setTimeout(() => {
      dispatch({ type: 'ADD_ITEM', payload: { id: Date.now(), name: 'New Item' } });
    }, 1000);
  };
}