ReactJS: как изменить текстовое значение при нажатии кнопки

Я создаю форму в своем приложении, и мне нужно добавить в нее поле количества. Я добавил компонент <Text> из информированный, чтобы добавить поле количества, и использовал кнопки, чтобы добавить функцию увеличения и уменьшения.

Но я не могу установить значение компонента Text при нажатии кнопки. Кажется, я могу установить только initialValue для <Text> компонента.

import React, { Component } from 'react';
import { arrayOf, number, shape, string } from 'prop-types';

import classify from 'src/classify';
import defaultClasses from './quantity.css';
import { Text } from 'informed';

class Quantity extends Component {
    static propTypes = {
        classes: shape({
            root: string,
            increment_button: string,
            decrement_button: string,
            quantity_input: string
        }),
        items: arrayOf(
            shape({
                value: number
            })
        )
    };

    state = {
        quantity: 1,
        show: true,
        max: 9999,
        min: 1
    };

    incrementQty = () => {
        this.setState(prevState => {
            if (prevState.quantity < this.state.max) {
                return {
                    quantity: parseInt(prevState.quantity) + 1
                }
            } else {
                return null;
            }
        });
        /*this.setState({ quantity: parseInt(this.state.quantity) + 1 });*/
    };
    decrementQty = () => {
        this.setState(prevState => {
            if (prevState.quantity > this.state.min) {
                return {
                    quantity: parseInt(prevState.quantity) - 1
                }
            } else {
                return null;
            }
        });
        /*this.setState({ quantity: parseInt(this.state.quantity) - 1 });*/
    };
    setQuantity = quantity => this.setState({ quantity });
    handleChangeEvent = (event) => {
        this.setState({quantity: event.target.value});
    };

    render() {
        const { classes, ...restProps } = this.props;
        console.info(this.state.quantity);
        return (
            <div className = {classes.root}>
            <span onClick = {this.decrementQty} className = {classes.decrement_button}>-</span>
            <Text
                initialValue = {`${this.state.min}`}
                className = {classes.quantity_input}
                field = "quantity"
                onChange = {this.handleChangeEvent}
                value = {this.state.quantity}
                label = ""
            />
            <span onClick = {this.incrementQty} className = {classes.increment_button}>+</span>
            </div>
    );
    }
}

export default classify(defaultClasses)(Quantity);

Я пытался использовать value prop, но он не работает. Если я использую неконтролируемое поле html <input>, кнопки и уменьшение приращения количества работают, но я не хочу использовать элемент <input> в своей форме.