/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

2 votes260 views2 answers
How to add query parameter to url reactjs
Javascript React
1 vote283 views1 answer
How to delete element at a particular index of array in react js
Javascript React
0 vote244 views1 answer
@tippyjs/react
Javascript React
0 vote256 views1 answer
React router redirect with query params
Javascript React
0 vote224 views1 answer
Random picture position in react
Javascript React
48 votes210 views4 answers
How to add comment in react js
Javascript React
0 vote198 views1 answer
How to detect if app is loosing focuse in react native
Javascript React
-1 vote223 views1 answer
Get height component react
Javascript React
-1 vote211 views1 answer
How to insert divider in react native
Javascript React
2 votes206 views1 answer
How to make react router Link active
Javascript React