ReactJs prevent e and dot in an input type number

Question

I would like to prevent e and . to be type in an . Without jQuery or using step attribute.

Answer 1

With React you could do something like:

class Test 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 
   }
}

React.render(, document.getElementById('container'));

Here is fiddle.