我正在使用Redux与Next.js，我试图添加对象数组到它。在我的应用程序中，我有一个具有多个输入的表单。为了创建这个多个输入，我创建了一个10的输入表单。

{homeAmeneties.map((home) => {
    <div className="h-8 flex justify-end  rounded-md pr-10">
                    <input
                      type="number"
                      onInput={(event) =>
                        (event.target.value = event.target.value.slice(
                          0,
                          event.target.maxLength
                        ))
                      }
                      maxLength="3"
                      onChange={(e) => updateVal(e, home.name)}
                      className="border-[1px] w-1/2  border-black rounded-md h-full focus:outline-none px-2"
                    />
                  </div>
})}

每一个来自输入的值被添加到一个数组.但是我想把它添加到redux数组.在我的redux reducer中我已经创建了

import { createSlice } from "@reduxjs/toolkit";

const initialState = {
  arr: []
}

export const arrSlice = createSlice({
  name: "arrS",
  initialState,
  reducers: {
    setArr: (state, action) => {
      state.arr = [...state.arr, action.payload];
    }
  }
});

//...rest here

当我运行这个函数时，它抛出了TypeError: action.payload is not iterable，我试着通过传递state.arr = action.payload;来添加它，它没有将输入存储为对象数组，只是简单的对象。
我如何添加和制作tweek就像我可以在简单的useState中做一样？
下面的代码是我对常规useState()所做的

const [amen, setAmen] = useState([]);

const updateVal = (e, type) => {
    setAmen((prevAmen) => {
      const newAmen = [...prevAmen]; // create a copy of the current state
      const index = newAmen.findIndex((item) => item.name === type); // find the index of the object with the matching name
      if (e.target.value === "") {
        if (index !== -1) {
          newAmen.splice(index, 1);
        }
      } else {
        if (index !== -1) {
          newAmen[index] = { name: type, val: e.target.value }; // update the object at that index
        } else {
          newAmen.push({ name: type, val: e.target.value }); // add a new object to the array
        }
      }
      return newAmen;
    });
    dispatch(setRooms(...amen));
    console.log(rooms);
  };