/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

2 votes370 views1 answer
Scoll to top on each route react
Javascript React
0 vote325 views5 answers
Generate component react
Javascript React
1 vote364 views1 answer
How to find the width of outerconatiner in react native
Javascript React
0 vote352 views1 answer
Get status bar height react native
Javascript React
8 votes353 views3 answers
React Lazy()
Javascript React
105 votes392 views3 answers
React bootstrap do you need to import
Javascript React
1 vote340 views1 answer
Minimum flatlist size react native
Javascript React
2 votes337 views1 answer
How to see if a web site is useing react
Javascript React
0 vote333 views1 answer
Stop from from refresching page react
Javascript React
0 vote344 views1 answer
How to add alternate image in img tag in react
Javascript React