/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 vote140 views2 answers
Run build version react
Javascript React
3 votes124 views2 answers
React is there a safe area view for android
Javascript React
0 vote146 views1 answer
Start live server react js
Javascript React
24 votes158 views6 answers
Proptypes react
Javascript React
15 votes141 views6 answers
React forms
Javascript React
1 vote125 views1 answer
React native cover image
Javascript React
0 vote135 views2 answers
Write data in props.histroy.push in react component
Javascript React
32 votes141 views1 answer
React-router react-router-dom
Javascript React
1 vote131 views1 answer
How to get the value of textarea in react
Javascript React
3 votes128 views3 answers
How to remove global react-native-cli package
Javascript React