/Javascript/React/React allow only numbers in input

React allow only numbers in input

class App extends React.Component{
   constructor(){
      super();
      this.state = {value: ''};
      this.onChange = this.onChange.bind(this)
   }
   
   onChange(e){
      const re = /^[0-9\b]+$/;
      if (e.target.value === '' || re.test(e.target.value)) {
         this.setState({value: e.target.value})
      }
   }
   
   render(){
     return <input value={this.state.value} onChange={this.onChange}/>
   }
}

ReactDOM.render(<App/>,document.getElementById('app'))

Source: stackoverflow.com

Similar codes

4 votes108 views1 answer
Import react icons module
Javascript React
0 vote161 views1 answer
Coreui react change background color
Javascript React
0 vote111 views1 answer
Get input value in react using hooks
Javascript React
32 votes109 views5 answers
React disable eslint errors
Javascript React
0 vote111 views1 answer
${product} meaning in react js
Javascript React
0 vote110 views1 answer
React native stylesheet shortcut
Javascript React
0 vote117 views1 answer
Search nested array in react javascript
Javascript React
0 vote118 views1 answer
Export 'default' (imported as 'Redirect') was not found in 'react-router-dom'
Javascript React
0 vote138 views1 answer
React router link electron not working
Javascript React
68 votes114 views4 answers
Inline styling react
Javascript React