一个从未使用过的未使用的值，但在 React 中是

如何解决一个从未使用过的未使用的值，但在 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 });
  }
};

解决方法

第 7 行的 data 变量：

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

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