Как установить состояние классового компонента React во время его вызова?

Есть класс кнопки:

class Button extends React.Component {
    constructor(props) {
        super(props);
        this.state = {
            text: ''
        };
        this.handleClick = this.handleClick.bind(this);
    }

    clickEvent() {}

    handleClick() {
        this.clickEvent();
    }

    render() {
        return (
        <button class="simple-button" onClick={this.handleClick}>
            {this.state.text}
        </button>
        );
    }
}

И класс другой кнопки, который наследуется от первого.

class NumberButton extends Button {
    constructor(props) {
        super(props);
        this.state = {
            text: '',
        };
        this.handleClick = this.handleClick.bind(this);
    }
    clickEvent() {
        
    }
}

Как установить состояние классового компонента NumberButton во время его вызова? Что-то вроде:

<NumberButton text="1"/>