/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

0 vote248 views1 answer
React google places auto complete example
Javascript React
64 votes201 views4 answers
How to install react-router-dom in react js
Javascript React
0 vote190 views1 answer
How to link a photo in expo react native
Javascript React
0 vote213 views1 answer
Jason rpc reactjs
Javascript React
1 vote196 views2 answers
Push values to state array class react
Javascript React
9 votes198 views2 answers
React native hide yellow box
Javascript React
0 vote178 views1 answer
Format react code in visual studio code
Javascript React
7 votes242 views3 answers
Add backgorund image in react native app
Javascript React
1 vote182 views1 answer
Firebase react router page not found on page refresh
Javascript React
0 vote239 views1 answer
21:216 Error: Unknown property 'crossorigin' found, use 'crossOrigin' instead react/no-unknown-property
Javascript React