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.