計算總數不返回任何東西

Question

我正在使用 React 構建一個基本的商店應用程序。 所以在這里我有這個計算產品最終價格的函數。 代碼：

    calculateTotal = () => {
    const total2 =
      this.state.final_apple_price +
      this.state.final_avocado_price +
      this.state.final_branzino_price +
      this.state.final_bread_price +
      this.state.final_burger_price +
      this.state.final_carrot_price +
      this.state.final_cheese_price +
      this.state.final_chicken_price +
      this.state.final_donut_price +
      this.state.final_egg_price +
      this.state.final_falooda_price +
      this.state.final_milk_price +
      this.state.final_muffin_price +
      this.state.final_orange_price +
      this.state.final_pizza_price +
      this.state.final_potato_price +
      this.state.final_salmon_price +
      this.state.final_strawberry_price;
    this.setState({ total: total2 });
  };

該州有：

total: 0,

在這里它應該返回所有產品的值：

<h1>{this.state.total}</h1>

但是，即使添加了項目，h1 中也會顯示 0。

我在 calculateTotal 函數中嘗試的另一件事是 -

return total2;

和

<h1>{this.calculateTotal()}</h1>

盡管如此，它仍然無法正常工作。 怎么修？ 謝謝

Answer 1

我想這就是第一條評論的意思。

calculateTotal = () => {
    return this.state.final_apple_price +
      this.state.final_avocado_price +
      this.state.final_branzino_price +
      this.state.final_bread_price +
      this.state.final_burger_price +
      this.state.final_carrot_price +
      this.state.final_cheese_price +
      this.state.final_chicken_price +
      this.state.final_donut_price +
      this.state.final_egg_price +
      this.state.final_falooda_price +
      this.state.final_milk_price +
      this.state.final_muffin_price +
      this.state.final_orange_price +
      this.state.final_pizza_price +
      this.state.final_potato_price +
      this.state.final_salmon_price +
      this.state.final_strawberry_price;
  };

  // ...
  // inside render
  `<h3>{this.calculateTotal()}</h3>`