React Redux未显示正确的数据

Question

我已经上了一些关于React和Redux的课程，到目前为止，挑战仍在堆积。我正在创建一个简单的应用程序，当时我需要仅映射API的响应，但是状态看起来很奇怪。这些动作正在返回数据，但显示出尴尬。请查看所附图像。有人知道为什么数据的console.log返回一个数字而不是对象或数组名称吗？另外，如果您从Redux Dev工具中看到状态，则可以看到在显示对象名称的位置，而是看到未定义的。请帮忙。我已经呆了几天了，一直把我的头撞在墙上。 enter Image描述在这里

reducer
import _ from 'lodash';

import { 
FETCH_CLIENT,
FETCH_CLIENTS,
ADD_CLIENTS_COMMENTS
} from "../actions/types";

export default (state = {}, action) => {
switch (action.type) {
case FETCH_CLIENT:
  return { ...state, ..._.mapKeys(action.payload, 'ClientUno') };
case FETCH_CLIENTS:
  return { ...state, [action.payload.ClientUno]: action.payload };
case ADD_CLIENTS_COMMENTS:
    return { ...state, [action.payload.ClientUno]: action.payload }; 
default:
  return state;
}
 };
 
combined reducer
import { combineReducers } from "redux";
import ClientsReducer from "./ClientsReducer";

export default combineReducers({
clients:ClientsReducer
});

action
const mapStateToProps = state => {
return{
    clients:Object.values(state.clients),
}
}

export default connect(mapStateToProps,{fetchAllClients})(Clients);

删除.clientuno后。这是我的新状态

post Man响应

Answer 1

看起来您的还原逻辑是错误的：

return { ...state, [action.payload.ClientUno]: action.payload }

根据屏幕截图，您的 action.payload 是项目数组。单个项目确实具有 .clientuno 字段。但是 array 肯定不会。因此， action.payload.clientuno 确实是 undefined ，这就是您用作密钥的内容。

您需要重新考虑要用作钥匙的内容。我不知道您实际上是如何构建此切片状态的，因此我无法在那里提供建议。

i Will 请注意，您正在使用的REDUX模式非常过时。带有Redux工具包的“ Modern Redux”更简单，更易于使用 - 没有“ Action_Types” ，Switch语句或对象差。请参阅我们的官方Redux Docs教程，以学习如何使用Redux Toolkit：

https：// https：/ /教程/索引