Если честно, не уверен что вы целенаправленно изучали реакт.
Рекомендую потратить немного времени на этот курс:
https://maxfarseer.gitbooks.io/react-course-ru/content/
Небольшой пример на ES5:
Для ограничения ввода, к примеру, возьмем готовый плагин
react-numeric-inputvar NumericInput = require('react-numeric-input');
var Calculator = React.createClass({
getInitialState: function() {
return {
price: 0,
offer: 0,
result: 0
};
},
caclResult: function() {
this.setState({result: this.state.price - this.state.offer});
},
render: function() {
return (
<div className='calculator'>
<NumericInput min={0} max={100} value={this.state.price} onChange={this.caclResult} />
<NumericInput min={0} max={100} value={this.state.offer} onChange={this.caclResult} />
<span>Итого: {this.state.result}</span>
</div>
)
}
});