首页 > 解决方案 > 一个从未使用过的未使用值,但在 React 中是

问题描述

仍在学习 React,我看到一个警告弹出,说“数据”被分配了一个值,但从未使用过,但不久之后就使用了。我认为不幸的是,它后来在我的代码中引起了问题,并且似乎滚雪球,所以我试图找到根源。这是代码:

export const deleteProduct = (productId) => async (dispatch, getState) => {
  dispatch({ type: PRODUCT_DELETE_REQUEST, payload: productId });
  const {
    userSignin: { userInfo },
  } = getState();
  try {
    const { data } = Axios.delete(`/api/products/${productId}`, {
      headers: { Authorization: `Bearer ${userInfo.token}` },
    });
    dispatch({ type: PRODUCT_DELETE_SUCCESS });
  } catch (error) {
    const message =
      error.response && error.response.data.message
        ? error.response.data.message
        : error.message;
    dispatch({ type: PRODUCT_DELETE_FAIL, error: message });
  }
};

标签: javascriptreactjsaxios

解决方案


data7 行的变量:

const { data } = Axios.delete(`/api/products/${productId}`

它从不使用。稍后您在第 13 行和第 14 行访问对象中的data属性response,它与第 7 行的实际变量无关data。它只是一个带有键的属性,用于在对象data内部存储一些值。response


推荐阅读