reactjs - 收到错误为“无效的传播不可迭代实例的尝试”-状态未更新

Question

我正在尝试更新状态，onClick但出现错误：

Invalid attempt to spread non-iterable instance

无法弄清楚问题。有人帮我吗？

这是我的更新功能：

import { UPDATE_NAME } from "./Actions/types";
const initialState = {
  name: "Arif"
};

const rootReducer = (state = initialState, action) => {
  switch (action.type) {
    case UPDATE_NAME:
      console.log("action.payload", action);
      return [...state, { name: action.payload }];
  }
  return state;
};

export default rootReducer;

现场演示

标签： reactjsreduxreact-redux

Answer 1

代替

返回 [...state, { name: action.payload }];

用这个

返回{...状态，名称：action.payload }；

或者

const payloadObj = {名称：action.payload}

返回 {...state, ...payloadObj };