是否要使用十进制处理更改文本输入？

Question

我想对文本输入进行句柄更改，您可以在其中输入小数，例如1.3、4.5等。我有一个连接到此输入的滑块。当您在输入中键入内容时，我希望它也会更改。我已经尝试过parseFloat，但是无法正常工作。因此，这意味着输入必须允许点吗？

这是我的代码：

import {FormControl} from 'react-bootstrap';
import Slider from 'rc-slider';


handleChange1(e) {
this.setState({
  Radius: e.target.value
});}


 <FormControl
          disabled={!Enabled}
          className="size-inputs"
          type="text"
          value={Radius}
          data-name="radius"
          onChange={this.handleChange1}
        />
        <Slider
          disabled={!Enabled}
          className="upload-slider"
          onChange={this.handleSlider2Change}
          min={0}
          max={10}
          value={Radius}
          step={0.1}
        />

Answer 1

您可以使用Number.parseFloat（x）.toFixed（2）。小数点后两位是数字。