小编jma*_*tti的帖子

React Redux:更新记录并用另一个记录替换记录返回值 1

React Redux:更新记录并用其他记录替换记录返回值 1。

在服务器端,我有一个 json 响应[{"id":"10", "food_name":"Rice"}]

下面的代码通过 API 调用从数据库显示名为Rice的食品,效果很好,如上面的 json 数组所示。

现在我有一个要求,用豆子替换显示的食物项目“米饭”

为此,我有一个 json 文件,将在发布后通过 API 调用返回

[{"id":"10", "food_name":"Beans"}]
Run Code Online (Sandbox Code Playgroud)

我还创建了一个 Post 按钮,它将数据发送到服务器端并返回响应 Bean。

这是我的努力以及由减速器引起的问题。

如果在reducer中实现下面的代码

case foodConstants.FOOD_SUCCESS_POST:
 return {
items: state.items.map(food1 => {
        if (food1.id === action.id) {
//return { ...food1, food_name: state.items[0].food_name};
return { ...food1, food_name: 'Beans' };
          }
Run Code Online (Sandbox Code Playgroud)

该代码工作正常,并且由于我在减速器中设置了值bean,因此Rice被替换为Beans 。

但由于我需要通过 API 调用获取记录,所以如果实施

case foodConstants.FOOD_SUCCESS_POST:
 return {
items: state.items.map(food1 => {
        if (food1.id === action.id) {
return …
Run Code Online (Sandbox Code Playgroud)

reactjs redux

5
推荐指数
1
解决办法
1173
查看次数

标签 统计

reactjs ×1

redux ×1