/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 vote282 views1 answer
Adding parameters to url react router
Javascript React
0 vote293 views2 answers
A function whose declared type is neither 'void' nor 'any' must return a value.
Javascript React
2 votes293 views1 answer
Vertical align center react native view
Javascript React
1 vote306 views1 answer
React native textinput no keyboard
Javascript React
0 vote295 views2 answers
How to pass data in router link react-typescript
Javascript React
0 vote293 views1 answer
React live chat widget
Javascript React
0 vote297 views1 answer
When an aqueous solution of AgNO3 is mixed with an aqueous solution of (NH4)2CrO4, a precipitation reaction occurs. For this reaction, a) Write the molecular equation.
Javascript React
0 vote240 views1 answer
Create react element with string
Javascript React
0 vote303 views1 answer
React Update a label when rate moves
Javascript React
0 vote311 views1 answer
React native tdd emzyme
Javascript React