如何在 ReactJS 中将输入框设置为浮点数？

如果我们想将输入框设置为浮点数，那么我们可以使用input 标签的step 属性。我们必须将输入类型设置为我们想要增加/减少浮点数的数字和步长值。我们还可以设置min和max属性，使得数字在最小值之后不会减少，在最大值之后不会增加。

创建反应应用程序：

• 第 1 步：使用以下命令创建一个 React 应用程序：

  npx create-react-app foldername

• 第 2 步：创建项目文件夹（即文件夹名称）后，使用以下命令移动到该文件夹：

  cd foldername

项目结构：它将如下所示。

例子：

App.js

import React from 'react'
  
class App extends React.Component {
  
  state = {
      value: 10
  }
  
  onValueChange = (event) => {
      this.setState({value:event.target.value})
  }
  
  render () {
    return (
      
         Floating Number: 
             this.onValueChange(event)}
              />
      
    )
  }
  
}
  
export default App;

输出：