react-numeric-field

React component that represents a numeric input field. This takes as input ONLY digits, so no whitespace characters, commas, points, etc... This component is to be used only when digits are expected with ReactJS using JSX syntax.

Installation

npm install react-numeric-field --save

Usage

var NumericField = require('react-numeric-field');

functionToSetNumericValue: function(value) {
    console.log("This is what I want to do with the value " + value);
}

render : function () {

    return (
        <div>
            <NumericField name="My Field" setValue={this.functionToSetNumericValue} />
        </div>
    )

}

Testing

If you want to test the component in an alreay working context, there is an app already set up for that.To get the app running, do the following :

npm install // this installs the required packages for the component
npm install -g gulp // to build the test app
gulp // launches the default task 
npm install -g http-server // optional, if you want to use this server to view the app in a browser
http-server ./dist/ -p 4000 // to launch the server

Point your browser to http://127.0.0.1:4000 to see the sample app that uses the component.