/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 vote206 views1 answer
React-native-charts-wrapper:compileDebugJavaWithJavac FAILED
Javascript React
-1 vote226 views1 answer
This can also happen when the JS bundle is corrupt or there is an early initialization error when loading React Native.
Javascript React
13 votes179 views1 answer
Reactdom' is not defined
Javascript React
10 votes217 views3 answers
Jquery react npm
Javascript React
0 vote212 views1 answer
Autofocus is not working in react native
Javascript React
0 vote207 views1 answer
Eslint version check in react
Javascript React
1 vote172 views1 answer
Audio in react
Javascript React
0 vote292 views1 answer
Gesture handling with react native expo
Javascript React
6 votes207 views3 answers
React native vector icons not working
Javascript React
0 vote203 views1 answer
React js practical tutorial
Javascript React