/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

1 vote148 views1 answer
Strings compare react
Javascript React
0 vote134 views2 answers
React toggle boolean state
Javascript React
125 votes285 views6 answers
Install React Bootstrap
Javascript React
23 votes168 views5 answers
USE ICONS IN REACT
Javascript React
0 vote190 views1 answer
React controllers
Javascript React
2 votes149 views2 answers
React native select option
Javascript React
23 votes156 views6 answers
React native shadow
Javascript React
0 vote148 views1 answer
How to remove elevation tab bar react native
Javascript React
160 votes355 views6 answers
React install
Javascript React
9 votes152 views3 answers
React js Uncaught RangeError: Maximum call stack size exceeded
Javascript React