/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

16 votes323 views1 answer
React native 0.60.4 xiaomi crashes at open
Javascript React
5 votes315 views3 answers
Get url react
Javascript React
15 votes315 views1 answer
React forwardref
Javascript React
-1 vote312 views1 answer
How to create scroll to top button in reactjs example code
Javascript React
0 vote314 views1 answer
React-file-base64
Javascript React
0 vote303 views1 answer
React 1 to 10 with step 2 (odd numbers)
Javascript React
0 vote304 views1 answer
React '$' is not define
Javascript React
1 vote294 views1 answer
Button doesn't work while keyboard is shown react native
Javascript React
0 vote294 views1 answer
React script syntax for deployment
Javascript React
6 votes349 views2 answers
React native activity indicator
Javascript React