/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 vote208 views1 answer
Double matrix iteration in react
Javascript React
0 vote185 views2 answers
How to make a bot react to own message js
Javascript React
0 vote181 views3 answers
React native navigation change header title
Javascript React
10 votes167 views2 answers
React text input onchange
Javascript React
15 votes170 views2 answers
React check if url address is valid
Javascript React
0 vote185 views1 answer
Mdbootstrap react
Javascript React
0 vote189 views1 answer
React call component state
Javascript React
4 votes179 views1 answer
React js materilize
Javascript React
7 votes187 views3 answers
Conditional style react
Javascript React
0 vote190 views1 answer
Divide string in lines react native max width
Javascript React