推送到useReducer状态的特定路径下的数组

const reducer = (state, action) => {
  switch (action.type) {
    case 'PUSH_TO_ARRAY':
      // 在特定路径下的数组中推送数据
      return {
        ...state,
        path: {
          ...state.path,
          array: [...state.path.array, action.payload],
        },
      };
    default:
      return state;
  }
};

import { useReducer } from 'react';

const initialState = {
  path: {
    array: [],
  },
};

const MyComponent = () => {
  const [state, dispatch] = useReducer(reducer, initialState);

  // 调用dispatch函数来推送数据到特定路径下的数组
  const pushToArray = (data) => {
    dispatch({ type: 'PUSH_TO_ARRAY', payload: data });
  };

  return (
    <div>
      <button onClick={() => pushToArray('data1')}>推送数据1</button>
      <button onClick={() => pushToArray('data2')}>推送数据2</button>
      <button onClick={() => pushToArray('data3')}>推送数据3</button>
      {/* 显示特定路径下的数组 */}
      <div>{state.path.array.join(', ')}</div>
    </div>
  );
};