/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

36 votes263 views2 answers
How to install react router dom version 5
Javascript React
7 votes247 views6 answers
Prop types in react
Javascript React
0 vote227 views1 answer
Platform check in react native for status bar color
Javascript React
0 vote418 views1 answer
React-data-table-component cell action stack overflow
Javascript React
1 vote281 views1 answer
Android resource linking failed react native image crop picker
Javascript React
-2 votes287 views1 answer
Fc in react
Javascript React
4 votes315 views1 answer
Full width of image and maintain aspect ratio react native
Javascript React
0 vote329 views1 answer
Discord bot remove message reaction
Javascript React
3 votes268 views1 answer
React pass props to children
Javascript React
0 vote285 views1 answer
How to run electron and react using concurrently
Javascript React