/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 votes286 views2 answers
Ref hook in react
Javascript React
1 vote340 views3 answers
How to decode jwt token in react
Javascript React
0 vote304 views2 answers
Loader in react
Javascript React
2 votes332 views1 answer
React strict mode
Javascript React
1 vote271 views1 answer
React index.js BrowserRouter
Javascript React
0 vote290 views2 answers
How to add fcc cdn to local react projcet
Javascript React
0 vote291 views1 answer
Jest create react app only run one test
Javascript React
0 vote342 views1 answer
React native uid
Javascript React
0 vote317 views1 answer
Get rid of header bar react native
Javascript React
7 votes312 views3 answers
How to update a state with an array react
Javascript React