小编Ant*_*jac的帖子

Redux - 通过键在状态数组中查找对象并更新其另一个键

我正在开发一个在后端使用 NodeJS 并在前端使用 React + Redux 的 CRUD 应用程序。这是所有内容如何工作的快速模式:

添加项目

  1. 用户输入帖子的标题
  2. 标题然后被发送到调度它获取一个 POST在 NodeJS 中路由并通过正文发送标题
  3. 在 NodeJS 路由中,我在集合中添加了一个具有该标题的新项目

后端完成,新帖子在服务器中

  1. .then()在第 2 步中添加了调度函数。在其中我使用type: 'ADD_POST'和调度了一个动作post: post(我从 NodeJS 得到了帖子res.json({post: result from database})

  2. 在我的减速器中,我设置了一个 CASE 'ADD_POST': return action.post

前端完成,用户现在可以看到相同的帖子而无需刷新

我想使用相同的逻辑来更新特定帖子的喜欢。这是我到目前为止所做的:

  1. 单击帖子上的按钮会触发获取 NodeJSPUT路由的调度
  2. NodeJS 路由使用 ID 查找帖子并将帖子的旧值加 1

后端完成,现在服务器中还有 1 个类似的帖子

  1. .then再次添加到调度中,该调度获取 NodeJS 路由,在该路由中我调度了一个动作type 'ADD_LIKE'post ID更新了

  2. 在 reducer 中,我设置了一个CASE 'ADD_LIKE':,它使用以下代码段中的代码遍历状态。

这是那个片段:

state.map(item => { …
Run Code Online (Sandbox Code Playgroud)

node.js reactjs redux redux-thunk react-redux

3
推荐指数
1
解决办法
2148
查看次数

标签 统计

node.js ×1

react-redux ×1

reactjs ×1

redux ×1

redux-thunk ×1