/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 vote361 views1 answer
React native get uri of the image in the app assets folder
Javascript React
0 vote369 views1 answer
. What is the use of the return function in the React Native Framework?
Javascript React
0 vote352 views3 answers
Flatlist react native keyextractor
Javascript React
4 votes359 views2 answers
HandleClick react
Javascript React
0 vote300 views1 answer
React-particles-js not working
Javascript React
0 vote365 views1 answer
React native counter
Javascript React
65 votes317 views6 answers
Route react
Javascript React
0 vote388 views1 answer
How to add a useState in react Js
Javascript React
2 votes390 views2 answers
React native asign width to image
Javascript React
0 vote351 views1 answer
Ios react native detect locale
Javascript React