/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 votes354 views2 answers
Text number of lines react native
Javascript React
0 vote355 views1 answer
Reactjs exemple function component
Javascript React
0 vote330 views1 answer
React native andri]oid ReferenceError: Can't find variable: Intl
Javascript React
0 vote349 views1 answer
React native regenerate android and ios folders
Javascript React
6 votes331 views1 answer
Remove yellow warning react native emulator
Javascript React
0 vote334 views1 answer
React Rendering Movies
Javascript React
0 vote330 views1 answer
How to take out text from array of strings in react
Javascript React
0 vote344 views1 answer
Clear form in react
Javascript React
1 vote310 views1 answer
Add class to react children
Javascript React
0 vote351 views1 answer
Npm ERR! peer react@"^15.x.x" from [email protected]
Javascript React