React.js - 单击按钮后的数据输出[关闭]

【问题标题】：React.js - data output after clicking on the button [closed]React.js - 单击按钮后的数据输出[关闭]
【发布时间】：2017-10-07 23:03:06
【问题描述】：

大家晚上好。

我们有一个 ATM 屏幕，它是 React.js 组件（例如“screen.jsx”）。

客户投入资金并想知道此操作的佣金。

我们有佣金计算公式：

(this.props.comission * this.state.summ).toFixed(2)

这是任务：

点击“佣金计算”按钮后，计算结果必须出现在“佣金金额”附近的span中。

请告诉我如何在 JavaScript 中实现这个过程

谢谢

【问题讨论】：

【解决方案1】：

将佣金金额作为 Screen 组件状态的属性。

this.state = {
  comissionAmount: 0
}

当您计算点击按钮时的佣金金额时，将this.state.comissionAmount设置为您获得的值。

let comissionAmount = (this.props.comission * this.state.summ).toFixed(2);

this.setState({
  comissionAmount: comissionAmount
});

将<span>的内容绑定为this.state.comissionAmount的内容。

<span>{this.state.comissionAmount}</span>

【讨论】：