/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 vote139 views1 answer
./src/components/Header/HeaderElements.js [1] Module not found: Can't resolve 'react-icons/fa' in '/Users/rubenmatamoros/Desktop/ucf-coding-bootcamp-2020/fitter/client/src/components/Header'
Javascript React
31 votes133 views1 answer
Npm install react-router-dom --save
Javascript React
-1 vote122 views1 answer
React native smart splash screen
Javascript React
1 vote133 views2 answers
React js class component
Javascript React
0 vote131 views1 answer
React hooks component re render when button press
Javascript React
3 votes194 views3 answers
How to uninstall react native cli globally
Javascript React
2 votes135 views1 answer
Append a query string to the url react
Javascript React
0 vote135 views1 answer
React native Setting a timer for a long period of time
Javascript React
-2 votes129 views1 answer
<Link> react import
Javascript React
3 votes246 views2 answers
Center an element react native
Javascript React