使用useReducer将对象添加到数组内的数组中

const reducer = (state, action) => {
  switch (action.type) {
    case 'ADD_OBJECT':
      return {
        ...state,
        array: state.array.map((innerArray, index) => {
          if (index === action.index) {
            return [...innerArray, action.object];
          }
          return innerArray;
        })
      };
    default:
      return state;
  }
};

import React, { useReducer } from 'react';

const initialState = {
  array: [[]] // 初始状态为一个包含一个空数组的数组
};

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

  // 添加对象到数组内的数组
  const addObject = (object, index) => {
    dispatch({ type: 'ADD_OBJECT', object, index });
  };

  return (
    <div>
      {/* 渲染数组内的数组 */}
      {state.array.map((innerArray, index) => (
        <div key={index}>
          {innerArray.map((object, innerIndex) => (
            <span key={innerIndex}>{object}</span>
          ))}
          <button onClick={() => addObject('New Object', index)}>Add Object</button>
        </div>
      ))}
    </div>
  );
};

export default MyComponent;