/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

1 vote379 views1 answer
How to run an existing react project
Javascript React
11 votes405 views4 answers
How to check for react version
Javascript React
1 vote376 views2 answers
How to navigate with navintems for react-bootstrap without refreshing the whole page
Javascript React
1 vote383 views2 answers
How to prevent render in react
Javascript React
105 votes422 views3 answers
React bootstrap do you need to import
Javascript React
1 vote376 views3 answers
Iframe in react
Javascript React
0 vote404 views1 answer
React check if mobile or desktop
Javascript React
2 votes355 views1 answer
Rn touchableopacity
Javascript React
2 votes366 views1 answer
React add gradient top to bottom
Javascript React
0 vote392 views1 answer
Evaluating '_reactNativeImageCropPicker.default.openCamera
Javascript React