/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 vote187 views1 answer
Valueof in react native
Javascript React
0 vote195 views1 answer
Decrease touchableopacity in react native
Javascript React
0 vote190 views1 answer
Why can't i move my react bootstrapmodal over to the left
Javascript React
0 vote184 views1 answer
Jason rpc reactjs
Javascript React
0 vote186 views1 answer
Active link color different in react js
Javascript React
24 votes210 views5 answers
How to change port in react js
Javascript React
0 vote200 views1 answer
React set state before render
Javascript React
3 votes197 views2 answers
Link react
Javascript React
13 votes189 views3 answers
ImageBackground in React Native
Javascript React
0 vote225 views1 answer
Reactive forms change event in angular
Javascript React