Как убрать все реквизиты в реакции родных?

Question

Я работаю со встроенным API WooCommerce для создания приложения для Android. Я выполнил все основные функции, но не могу удалить все продукты из корзины, если проверка прошла успешно.

const { cart } = this.props;

этот реквизит состоит из имени, изображения, кол-ва, цены и идентификатора продукта.

Я пытался

const { cart } = this.props;
          cart.forEach(function(element) {
           delete element.id;
           delete element.price
           //and all elements
          });

это удаляет свойство, но когда я открываю страницу корзины, это показывает неопределенную ошибку объекта. как убрать объект корзину.

Answer 1

Прописки в реагируют только для чтения, что означает, что они не могут быть удалены, однако вы можете реализовать функциональность, которую хотите реализовать, установив реквизит корзины в состояние, а затем обновив его.Вы можете сделать следующее:

constructor(props){
  super(props);
  this.state = {
    cart: props.cart
  }
}

, а затем использовать setState для обновления состояния.

this.setState({cart: UpdatedCart}):

Answer 2

вы не можете удалить реквизит в реакции. Пропы реактивного компонента являются неизменными и не должны быть изменены компонентом.

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