/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

5 votes145 views2 answers
React js download file
Javascript React
0 vote144 views1 answer
Unistall react node package
Javascript React
0 vote158 views1 answer
Create react without jsx
Javascript React
1 vote134 views1 answer
React stripe npm
Javascript React
1 vote122 views1 answer
Implementating step component in react
Javascript React
18 votes140 views6 answers
Uselocation react
Javascript React
2 votes142 views1 answer
React native responsive font
Javascript React
1 vote138 views1 answer
Using React useRef hook to focus input field on button click
Javascript React
0 vote119 views2 answers
Hide header title in react navigation Drawer navigation
Javascript React
1 vote175 views1 answer
Check if new user in firebase react
Javascript React