无法在reducer中为put方法编辑数据

时间:2018-01-26 00:28:57

标签: reactjs redux mern

我正在创建一个mern应用,我正在尝试编辑所选项目的数据。当我点击编辑时,数据在mongodb和快速服务器记录器中编辑,但在redux logger响应中没有,我在编辑之前得到状态响应。我不确定究竟是什么问题..

数据示例

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

当我将title编辑为title edited的值时,它会在mongoDb中编辑,但不会在redux logger操作响应中编辑。它陈述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)
    })
})

1 个答案:

答案 0 :(得分:0)

在进行了一些研究并基于this article之后,我发现问题存在于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)
    })
})