需要React输入框是一个浮点数[重复]

Question

我需要一个简单的输入框来作为浮点数（任何带有. 的东西）。就像现在一样，它不允许我放置点并进行浮点运算。应该很简单，但我找不到太多。

这里大致是目前的代码：

class MyComponent extends React.Component {
  render () {
    return (
      <td>
        <label> Value: </label>
            <input
                type='number'
                min='0'
                max='20'
                className='form-control'
                value={this.state.value}
                onChange= {(evt) => this.onValueChange('value', evt.target.value)}
              />
      </td>
    )
  }
}

Answer 1

数字类型有一个step 值控制数字精度，默认为1。

您可以使用它来设置浮点精度

<input type="number" step="0.1">

你会有

class MyComponent extends React.Component {
  render () {
    return (
      <td>
        <label> Value: </label>
            <input
                type='number'
                step="0.1"
                min='0'
                max='20'
                className='form-control'
                value={this.state.value}
                onChange= {(evt) => this.onValueChange('value', evt.target.value)}
              />
      </td>
    )
  }
}