/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 vote379 views1 answer
React router dom props.history is undefined
Javascript React
16 votes394 views1 answer
Deploy react app netlify
Javascript React
0 vote388 views1 answer
React native text input right
Javascript React
0 vote398 views1 answer
React native navigation paramlist never used
Javascript React
0 vote391 views1 answer
React native flexbox 2 columns 1 fixed width
Javascript React
4 votes349 views1 answer
React propthpes or
Javascript React
0 vote375 views1 answer
Exemple de modal reactjs
Javascript React
0 vote377 views1 answer
Eject expo app to android and react native
Javascript React
0 vote357 views1 answer
Shallow render in react
Javascript React
1 vote358 views2 answers
Yarn react native cli
Javascript React