/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

0 vote256 views1 answer
Get image from gallery react native
Javascript React
0 vote258 views1 answer
React tooltip doesn't work
Javascript React
63 votes240 views3 answers
Concat two arrays in react
Javascript React
0 vote246 views1 answer
Assign random colors react chartjs
Javascript React
0 vote205 views0 answer
React
Javascript React
15 votes238 views1 answer
Did you mean to use React.forwardRef()?
Javascript React
0 vote279 views1 answer
Create a link in react js to download xcelfile
Javascript React
2 votes248 views1 answer
React array find index
Javascript React
1 vote239 views1 answer
Npm package for sorting in reactjs
Javascript React
0 vote249 views1 answer
Return multiple native element react native
Javascript React