/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 vote238 views1 answer
Disable autocomplete in react fields
Javascript React
0 vote231 views2 answers
React how to change localhost url
Javascript React
1 vote222 views1 answer
Percentage width react native
Javascript React
0 vote240 views1 answer
Can i use hooks with expo in react native
Javascript React
0 vote263 views1 answer
Tailwind css toggle switch react
Javascript React
1 vote199 views1 answer
React native create view dynamically
Javascript React
0 vote218 views1 answer
React Hook useEffect has a missing dependency: Either include it or remove the dependency array. If changes too often, find the parent component that defines it and wrap that definition in useCallback. (react-hooks/exhaustive-deps) eslint
Javascript React
3 votes210 views2 answers
React chart.js
Javascript React
0 vote225 views1 answer
React native notifications error
Javascript React
7 votes220 views4 answers
React history push search params
Javascript React