Reducer接收参数,但不做任何反应

时间:2020-07-09 09:40:15

标签: reactjs redux

这是我的减速器:

case action.DELETE_COMMENT:
        return {
            ...state ,
            comments : comments.filter((item : any) => item.commentid !== action.id)
        }

它可以正确接收id,但是在Redux开发工具中,我得到的状态是equals,这意味着它没有删除任何内容, 你们能帮我吗?

  const deleteComment = (id : Number) => {
    axios.delete(`http://localhost:4000/deleteComment/${id}`,)
        .then((res) => {
            dispatch(actions.deleteComment(id))
        })
        .catch((err) => {
            console.log('--------err', err);
        })
}

这是我传递ID的方式:

<ul>
                        {
                            comments.map((items: any) => {
                                return (
                                    <p
                                        key={uuidv4()}
                                    >Comment : {items.comment}
                                    <button onClick={() => {deleteComment(items.commentid)}}>Delete</button>
                                    </p>
                                );
                            })}
                    </ul>

这部分作品的ID正确传递 我还检查了一下,我的商店comments不为空

0 个答案:

没有答案