在 React 中计算总价

Question

所以这是我第一次尝试使用 React。我必须计算预订的（总）价格。

保留价格由以下几个因素决定：

• 船长：每米 1.25 欧元

• 人数：每人1欧元

• 电费：每天 1.25 欧元

假设船长 10 米，船上有 2 个人用电。他们待了 2 天。计算如下：

• 船长 (10) * 1.25 * 2 = 25

• 人数（2）* 1 * 2 = 4

• 使用电力（真）= 1.25 * 2 = 2.5

• 总价 = 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;

   

    }

}

我努力将变量从 calculateStayTime() 传递到 calculatePrice()。任何人都可以帮助我如何将我的计算公式化为 React.JS？

Answer 1

calculateStayTime您需要使用inside的结果calculatePrice。您可以将停留时间值分配给变量，但我可能只是替换最后一行：// const total_price = price_per_day * AmountOfDays;可以替换为const total_price = price_per_day * this.calculateStayTime();which 应该可以满足您的需求。