计算总数不返回任何东西

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>`