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)