在 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 应该可以满足您的需求。