如何从我的 redux 存储中删除数组？

Question

我正在努力删除一个数组。但这是行不通的。删除后我的数组长度和数据保持不变。

这是我的前端反应网页

renderAdmin = (id) => {
        
        if(this.props.auth.user.userType==='normal') return(<td></td>);
        return (
        <React.Fragment>
            <td>
                <button onClick={() => this.props.changeStatus(id)}
                className="ui button" >Change Status</button>
            </td>
            <td>
                <button onClick={() => this.props.deleteUser(id)}
                className="ui button" >Delete User</button>
            </td>
        </React.Fragment>
        );
    }

这里我正在获取我的数组的 id。

现在这是我的 redux 动作创建者

export const deleteUser = (id) =>  (dispatch,getState) => {
  const user = JSON.parse(localStorage.getItem('user'));

  axios.delete(`/api/users/remove/${id}`, {
    headers: {
      'Authorization': `${user.token}`
    }
  }).then((res) => {
    console.log(res.data);
  
    dispatch({
      type: 'DELETE_USER',
      payload: res.data
  })

  dispatch({
      type: 'CREATE_ERROR',
      payload: 'User Delete'
  })
    
  })
  .catch((error) => {
    console.error(error)
  })
}

首先我将其从后端服务器中删除。这很好用。然后我将 res.data 发送到我的减速器有效负载。 DELETE_USER 无法正常工作。但 CREATE_ERROR 工作正常。

这是我的减速器

export default function (state = [] , action) {
    //  console.log(action)
      switch(action.type) {
          case 'ALL_USER' : return action.payload;  
          case 'EDIT_USER' :    
            return state.map(user=>{
                if(user._id === action.payload._id){
                    return action.payload;
                }
                else {
                    return user;
                }
            });
          case 'DELETE_USER' :
            return state.filter(user=>
                user !== action.payload
            )
          default : return state;
      }
  }

按下删除按钮后，数据从服务器中删除，但 redux 存储始终保持不变。请帮我。 谢谢。

Answer 1

这可能是由于对象不是真正相等的，请尝试过滤 id：

return state.filter(user=>
                user._id !== action.payload._id
            )

或者检查深度相等。