/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 votes202 views1 answer
How to do a classname variable and string react
Javascript React
0 vote190 views1 answer
Namespace react has no export member FC
Javascript React
0 vote216 views1 answer
Which algorithm React is used to compare dom?
Javascript React
0 vote221 views1 answer
React native init specific version
Javascript React
0 vote204 views2 answers
Storage package npm react
Javascript React
0 vote170 views2 answers
Unexpected template string expression reactjs
Javascript React
1 vote171 views3 answers
React redux how to change object value in reducer
Javascript React
0 vote230 views1 answer
React open url with button
Javascript React
1 vote179 views1 answer
Component vs container react
Javascript React
1 vote175 views3 answers
Autocomplete react
Javascript React