/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 vote206 views1 answer
How to run an existing react project
Javascript React
0 vote217 views1 answer
React JSON data to display in a table
Javascript React
1 vote218 views1 answer
React slick slider duplicate items when infinite true #1623
Javascript React
8 votes198 views2 answers
React set title of page
Javascript React
0 vote219 views1 answer
Table like another component in react native
Javascript React
0 vote220 views2 answers
Hiding header in a specific screen in react native
Javascript React
0 vote221 views1 answer
Timezone in react js
Javascript React
1 vote221 views1 answer
Found page without a React Component as default export in
Javascript React
1 vote207 views1 answer
Class MyComponent extends React.Component { } ... what is the ES5 equivalent of this *
Javascript React
0 vote199 views2 answers
Batch react-redux
Javascript React