Блог

Здравствуйте, я использую Promise для обновления товара и добавления продажи.
Чего я хочу, так это когда одно из условий не выполняется. Все обновления и добавления sale не произойдут.

Вот код, который я использую

 const onFinish = (values) => {

const UpdateItem = new Promise((resolve, reject) => {
        // Update the item
        resolve(this.props.updateItem(this.props.item.items, index));
        console.log('items updated')
      })

      const AddSale = new Promise((resolve,reject) => {
        // Add To Sale
        resolve(this.props.addSale(newSale));
        console.log('sales added')
      })

      const reloadPage = new Promise((resolve,reject) => {
        reject(new Error('rejected'))
      })

      Promise.all([UpdateItem, AddSale, reloadPage]).then((values) => {
        console.log(values)
      }).catch(error => { 
        console.error(error.message)
      });
}
  

Что происходит сейчас, так это. При запуске функции. Элемент обновляется. осуществляется продажа. после этого в последнем состоянии обещание отклоняется.

Даже если оно отклонено, изменения в товаре и продаже уже внесены. Я не хочу, чтобы это происходило. Я использую redux для обновления элементов.

Вот this.props.updateItem и this.props.addSale код. Они находятся внутри другого файла

 export const addItem = (item) => (dispatch, getState) => {
  // will hit reducer
  Axios.post("/api/items", item, tokenConfig(getState))
    .then((res) => {
      dispatch({
        type: ADD_ITEM,
        // res.data is new item
        payload: res.data,
      });
    })
    .catch((err) => {
      dispatch(returnErrors(err.response.data, err.response.status));
    });
};

export const addSale = (sale) => (dispatch, getState) => {
    // will hit reducer
    // console.log(sale)
    Axios.post("/api/sales", sale, tokenConfig(getState))
      .then((res) => {
        dispatch({
          type: ADD_SALE,
          // res.data is new sale
          payload: res.data,
        });
      })
      .catch((err) => {
        dispatch(returnErrors(err.response.data, err.response.status));
      });
  };