0

我正在创建一个 mern 应用程序,并且正在尝试编辑所选项目的数据。当我点击编辑时,数据在mongodb和express server logger中被编辑,但不是在redux logger响应中,我得到编辑前的状态响应。我不确定到底是什么问题..

数据示例

{
_id:1,
title:'title',
description:"description"
}

当我编辑title为 的值时title edited,它在 mongoDb 中被编辑,但不是在 redux 记录器操作响应中。它状态title:'title'。刷新页面后,我只能获取已编辑项目的值。

减速器

case projectActions.UPDATE_PROJECT:
        {

            return { ...state, 
                      project:state.project.map( item =>
                           (item._id===action.payload.data._id) ? 
                               action.payload.data:item) 
                   }

        }

更新操作

function updateProjectAction(response){
    return {
        type:UPDATE_PROJECT,
        payload:response
    }
}

export function updateProject(id,updatedVal){
    return (disptsh, getState) => {
        return Project.editProject(id,updatedVal)
                      .then(response=>disptsh(updateProjectAction(response)))
                      .catch((error)=>disptsh(getError(error)))
    }
}

发送编辑动作

this.props.actions.updateProject(this.props._id,{title:this.state.title})

更新快速中间件

router.put('/api/project/:id',function(req,res,next){
    Project.findByIdAndUpdate(req.body._id, req.body, function(err, updatedProject){
        res.json(updatedProject)
    })
})
4

1 回答 1

1

在做了一些研究并根据这篇文章之后,我发现问题出在 中findByIdAndUpdate,因为该new选项默认为 false,并且扩展它不会返回更新的数据。

为了解决这个问题,我必须设置{ new: true}能够获取更新的数据。

router.put('/api/project/:id',function(req,res,next){
    Project.findByIdAndUpdate(req.body._id, req.body, { new: true} , function(err, updatedProject){
        res.json(updatedProject)
    })
})
于 2018-02-05T00:24:55.927 回答