以 0.0 十进制添加数字时遇到问题

Question

我正在使用 react.js 来表达我的一些观点！我将我的列 max_budget 更改为十进制并将默认值添加为 0，所以现在默认值为 0.0！ 我有一个按钮，点击它，每次点击它都会增加 2 到最大预算！我面临的问题！ 默认值为 0.0，每次我单击按钮将 2 添加到该 0.0 以使其成为 2.0 时，它会搞砸并在 0.0 的末尾添加 2 作为 0.02，如果我按几次它会在末尾添加 2 就像0.022222 按钮代码是：

  changeTip: (e) ->
e.preventDefault()
name = e.currentTarget.name # http://www.w3schools.com/jsref/event_currenttarget.asp
if name == "increase"
  max_budget = @props.max_budget + 2
else
  max_budget = @props.max_budget - 2
data = max_budget: max_budget
@props.saveJobValues(data)

我应该如何修复它所以添加 2 它显示我是 2.0 而不是 0.02

Answer 1

将 HTML5 与

结合使用

<input type="number" min="1.0" max="5.0" step="0.01">

只接受浮点值作为输入。它将接受“。”后跟数字，但拒绝“.”，（<input type="number" min="1" max="5"> 表示小数。）

将您的代码更改为

  changeTip: (e) ->
e.preventDefault()
name = e.currentTarget.name # http://www.w3schools.com/jsref/event_currenttarget.asp
if name == "increase"
  max_budget = parseFloat(@props.max_budget) + 2.0
else
  max_budget = parseFloat(@props.max_budget) - 2.0
data = max_budget: max_budget
@props.saveJobValues(data)

（添加 parseFloat 作为@Mischa 提到的）。为了便于阅读，我建议将“2”写为“2.0”（这样更容易看出您处理浮点数）