计算React中的总价

台风

所以这是我第一次使用React。我必须计算预订的(总)价格。

预订价格取决于几个因素:

  • 船的长度:每米€1,25
  • 人数:每人€1
  • 用电:每天1.25欧元

假设这条船长10m,那里有2个人在用电。他们呆了两天。计算结果如下:

  • 船长(10)* 1.25 * 2 = 25
  • AmountOfPeople(2)* 1 * 2 = 4
  • UseOfElectricity(true)= 1.25 * 2 = 2.5
  • total_price = 25欧元+ 4欧元+ 2.5欧元= 21.5欧元

我尝试在我的代码中实现它,如下所示:

import React, { Component } from 'react'
import BoatForm from "./BoatForm";
import StayForm from "./StayForm";

export default class PriceCalculator extends Component {
    /**
     * So, we created a form for the customers so that they can register their boat.
     * Now we want to let them know how much their reservation costs.
     * The size of the boat, amount of people, amount of days and use of electricity are all parameters.
     */

    constructor(props) {
        super(props)
        this.state = {
            boat_length: '',
            amount_of_people: '',
            arrival_date: '',
            leave_date: '',
            use_of_electricity: '',
            box_number: ''
        }
    }

    /**
     * We use date fields in our form to define the stay date of the customer.
     * That means we have to calculate the days ourselves.
     */

    calculateStayTime() {
        const ArrivalDate = new Date(this.state.arrival_date);
        const LeaveDate = new Date(this.state.leave_date);
        // calculate difference
        const DiffTime = Math.abs(LeaveDate - ArrivalDate);
        const DiffDays = Math.ceil(DiffTime / (1000 * 60 * 60 * 24));
        let AmountOfDays = DiffDays;
        return AmountOfDays;
    }

    /**
     *  Prices per day:
     *  - Price per meter: 1,25
     *  - Price per person: 1
     *  - Price for using electricity: 1,25
     */

    calculatePrice() {
        const BoatLength = this.state.boat_length;
        const meter_price = 1.25;
        const Persons = this.state.amount_of_people;
        const persons_price = 1;

        let price_per_day = BoatLength * meter_price + Persons * persons_price;


        const electricity_price = 1.25;
        const use_of_electricity = true;
        // ? = if statement
        price_per_day = price_per_day + (use_of_electricity ? electricity_price : 0);
        // const total_price = price_per_day * AmountOfDays;
    }

}

我很难将变量从calculateStayTime()传递到calculatePrice()。谁能帮助我将我的计算公式化为React.JS?

西蒙·R

您需要使用calculateStayTimeinside的结果calculatePrice您可以将停留时间值分配给变量,但我可能只替换最后一行:// const total_price = price_per_day * AmountOfDays;可以替换为const total_price = price_per_day * this.calculateStayTime();应该给您所需的内容。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

计算React中的总价

来自分类Dev

计算angularjs中的总价格

来自分类Dev

计算节点js和mongodb中的订单总价

来自分类Dev

如何在 ASP.NET 中的 GridView 中计算总价

来自分类Dev

模型导轨计算总价

来自分类Dev

计算物料清单的总价

来自分类Dev

JavaScript计算商品总价

来自分类Dev

如何计算订单总价?

来自分类Dev

用JS计算总价

来自分类Dev

如何计算订单总价?

来自分类Dev

如何计算发票的总价?

来自分类Dev

使用“有回馈”计算总价

来自分类Dev

用php计算商品总价

来自分类Dev

Javascript计算税金和总价

来自分类Dev

使用“有回馈”计算总价

来自分类Dev

JavaScript总价计算器?

来自分类Dev

计算总价值字典

来自分类Dev

Rails:如何计算每天的总价

来自分类Dev

匹配下拉数量并计算总价

来自分类Dev

计算发票应用程序中Django中两个表的总价值

来自分类Dev

从元组列表中删除一个元素,然后根据每个元组中的元素计算总价

来自分类Dev

如何通过计算剔除中不同对象的属性来获得总价值?

来自分类Dev

计算列表中的所有唯一值+其总数量和每件商品的总价格

来自分类Dev

使用C#删除项目时自动计算ListView中项目的总价值

来自分类Dev

计算回收站视图中项目列表中项目的总价

来自分类Dev

如何计算购物车中商品的动态价格并输出总价

来自分类Dev

我可以知道如何在文本字段中自动计算总价吗?

来自分类Dev

在HTML中使用表格来计算总价

来自分类Dev

总价计算器逻辑难度