[melky]

Вот еще способ в голову пришёл, тоже уродливый

передавать в обработчик прокси

// Это в  'render'  компонента
<button onClick={function () { this.refs.modal.hide() }.bind(this)}>
    Hide # {this.props.id}
</button>

впринципе, это дело можно пустить по пути вычисления снаружи вывода:

render: function () {

    var hideModal = function () {
        this.refs.modal.hide()
    }.bind(this);

    return (
        <button onClick={}.bind(this)}>
            Hide # {this.props.id}
        </button>
        );
}

или использовать ES6 Arrow func:

render: function () {

    var hideModal = () => this.refs.modal.hide()
    
    return (
        <button onClick={hideModal}>
            Hide # {this.props.id}
        </button>
        );
}

Если кто-нибудь подскажет более путёвое, буду благодаарен