reactjs 提取/显示存储在Redux存储中的有效负载中的功能组件中的数据

njthzxwz 于 2023-05-22 发布在 React

关注(0)|答案(1)|浏览(97)

我使用reactjs和redux创建了一个小的 * 简单的Todo App*，其中todos state作为initialtodoState存储在Redux中，这样当我单击Add按钮时，我可以看到一些todos和action ADD_TODO被调度并存储在payload中的id和text。到现在为止一切都很好！
但主要的问题是，我看不到text添加到我的todos state，而不是显示我todos它显示没有待办事项。我不知道什么是错误的，我错了。

React Devtools截图：

就像我这样做：live codesandbox example
我已经把我所有的努力首先理解redux，react-redux，并尝试实现todoapp。
这里有一些我研究过的stackoverflow链接，但是，它没有帮助，因为它让我很困惑：（

我试图抓住上面的解决方案链接来解决我的问题，但我仍然无法得到它。
请帮我解决这个问题！！

reactjs

来源：https://stackoverflow.com/questions/76298765/extracting-displaying-data-in-functional-component-stored-in-payload-in-redux-st

1条答案

按热度按时间

vptzau2j1#

终于，我做到了！！
经过大量的搜索和思考，我知道我错误地使用了...运算符将text添加到todos state。
这样，...运算符应该实现：

todos.js

const todos = (state = initialtodoState, action) => {
  switch (action.type) {
    case ADD_TODO: {
      return { ...state, todos: [...state.todos, action.payload] };
    }
    default:
      return state;
  }
};

因此，存储的text应该从有效负载显示。

赞(0）回复(0）举报 2023-05-22

我来回答

reactjs 提取/显示存储在Redux存储中的有效负载中的功能组件中的数据

1条答案

相关问题

热门标签

最新问答