/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 vote259 views2 answers
React native store sensitive data in redux
Javascript React
0 vote214 views1 answer
Get LocalStorage from WebView react native
Javascript React
5 votes251 views2 answers
Gradlew clean in react native
Javascript React
1 vote227 views1 answer
How to define state in react function
Javascript React
0 vote259 views1 answer
Get height webview from url video react native
Javascript React
0 vote238 views1 answer
React native update app from play store ios app store
Javascript React
0 vote228 views1 answer
React firebase add doc to collection
Javascript React
0 vote233 views1 answer
Dull or blur a background image in react native
Javascript React
1 vote231 views2 answers
'Switch' is not exported from 'react-router-dom'
Javascript React
3 votes239 views1 answer
React data attributes event
Javascript React