如何解决“未处理的拒绝（TypeError）：无法使用Axios和React读取未定义的属性” statusText”？

Question

我正在我的应用程序中实现“删除”功能。所述函数在被点击后删除特定的“ post._id”。不幸的是，它不起作用。

该函数本身运行良好，它删除了我单击的行；该错误仅在删除行后显示。

我的React组件中有这个

<td className="btn-group">
  <button onClick={() => deletePost(post._id)} type="button" className="btn btn-sm">Delete</button>
</td>

“说”按钮触发Axios请求。这是请求：

// Delete post
export const deletePost = (id) => async dispatch => {
  try {

    const res = await axios.delete(`/api/admin/pages/${id}`);

    dispatch({
      type: DELETE_PAGE,
      payload: res.data
    });

    dispatch(setAlert('Page Removed', 'success'));

  } catch (err) {
    dispatch({
      type: PAGE_ERROR,
      payload: { msg: err.response.statusText, status: err.response.status }
    });
  }
};

该函数有效，没有问题，或者至少这就是我告诉自己的。实际上，困扰我的是触发按钮后显示的错误。错误是这个：

你们有什么主意为什么要让我说错误？

注意：这是我的减速器

case DELETE_PAGE:
  return {
    ...state,
    pages: state.pages.filter(page => page._id !== payload),
    loading: false
  };

Answer 1

axios.delete("url",reqpayload).then((res)=>{
console.log("response object",res)
console.log("response data",res.data)
//dispatch function, use the res object from the then function
)
.catch((err)=>
console.log("err response",err)

此代码将帮助您了解错误