/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 vote169 views1 answer
How to get the value of textarea in react
Javascript React
108 votes267 views2 answers
React start new app
Javascript React
16 votes184 views1 answer
React native loop in render
Javascript React
1 vote181 views1 answer
React native get numeric random string length of 5 characters
Javascript React
4 votes163 views6 answers
Location of release apk in react native
Javascript React
1 vote154 views1 answer
Class and id in react
Javascript React
3 votes158 views2 answers
React usestate functional update
Javascript React
1 vote163 views1 answer
React-native init AwesomeProject change port
Javascript React
0 vote167 views1 answer
Installe datatable to reactjs project
Javascript React
0 vote191 views1 answer
How to get back image and front text in react native
Javascript React