/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

31 votes304 views1 answer
React router dom npm
Javascript React
0 vote316 views1 answer
Divide string in lines react native max width
Javascript React
1 vote301 views2 answers
Toast in react native
Javascript React
0 vote316 views1 answer
React Movies
Javascript React
0 vote296 views1 answer
React setstate concat string
Javascript React
0 vote336 views1 answer
How to make your own drop down react native
Javascript React
10 votes343 views2 answers
React navigation no header
Javascript React
0 vote315 views1 answer
React native zindex issue on android
Javascript React
63 votes309 views3 answers
Concat two arrays in react
Javascript React
1 vote317 views1 answer
How to create a button with react
Javascript React