Можно ли в реакте пользоваться компонентами как обычными объектами?

Question

[vitaly_74]

приветду код:

table() {
        if(this._table === null){
            this._table = new PropertiesTable({data: this.props.data, availableTypes: this.props.availableTypes})
        }
        return this._table;
    }

    render() {
        return (
            <div className="contentbar">
                <div className="row">
                    <div className="col-lg-12">
                        <div className="card m-b-30">
                            <div className="card-body">
                                <div className="btn-toolbar">
                                    <div className="btn-group focus-btn-group">
                                        <button
                                            type="button"
                                            className="btn btn-default"
                                            onClick={this.addRawCallback}
                                        ><span
                                            className="glyphicon glyphicon-screenshot">
                                        </span>
                                            Добавить
                                        </button>
                                    </div>
                                </div>
                                <div className="table-responsive">
                                    {this.table().render()}
                                </div>
                            </div>
                        </div>
                    </div>

                </div>

            </div>
        );
    }

в методе table создается дочерний компонент table
когда вызываю table.render() все показывается. когда пытаюсь вызвать какое то действие в дочернем компоненте то получаю: Warning: Can't call setState on a component that is not yet mounted. This is a no-op, but it might indicate a bug in your application. Instead, assign to `this.state` directly or define a `state = {};` class property with the desired state in the PropertiesTable component.
мне бы хотелось делать так: в методе this.addRawCallback добавить просто this.table().addNewRow()
а не через обратные вызовы и передачи функции в дочерний/родительский компонент и не делать общих функций для контекста.

Comments

[WbICHA]

Во-первых, 2024 год, классовые компоненты...
Во-вторых, зачем ты получаешь инстанс компонента? Что мешает использовать компонент как компонент (с помощью jsx)?

[Maksym Sahaidak]

Друг, ты уверен, что ты понимаешь принцип react'a ?

[vitaly_74]

WbICHA, если вы не готовы ответить не нужно писать коммент. я сделал это намеренно т.к. я не люблю функциональное программирование - большинство разработчиков не знают что это такое более уверен что и вы не знаете что это такое. разработка на классах мне больше привычней.
во-вторых я не задавал вопрос зачем мне инстанс компонента, я задал совершенно иной вопрос - как его нормально отрендерить и смаунтить и при этом пользоваться им как экземпляром класса. а отвечать вопросом на вопрос плохой тон.

[vitaly_74]

Maksym Sahaidak, я прочитал принципы реакта, мне это не дало ответа на мой вопрос. И не думаю то что написал я - противоречит их принципам.

[Maksym Sahaidak]

vitaly_74, я наверное немного удивлю, но комментарии не для ответа, комментарии для комментирования, ответ вам никто не давал.

[Алексей Уколов]

не думаю то что написал я - противоречит их принципам

Полностью противоречит. И философии, и механике Реакта.

[WbICHA]

vitaly_74,

если вы не готовы ответить не нужно писать коммент.

"Если вы не готовы пилотировать самолёт, не стоит садиться за руль автомобиля" © Логика

я сделал это намеренно т.к. я не люблю функциональное программирование - большинство разработчиков не знают что это такое более уверен что и вы не знаете что это такое.

У тебя явно какие-то проблемы со связыванием первой части предложения со второй.
Во-первых, зачем тогда было выбирать реакт?
Во-вторых, откуда ты знаешь, что я знаю, а что нет?)

как его нормально отрендерить и смаунтить и при этом пользоваться им как экземпляром класса.

Очевидно, никак. Во всяком случае нормальными способами. Костылями, думаю, можно. Только вот вопрос, а для чего тебе иметь инстанс компонента? Какую проблему ты этим хочешь решить?
Судя по всему, тут явно проблема XY.

отвечать вопросом на вопрос плохой тон.

Не знал, что задавать уточняющие вопросы — это дурной тон. Спасибо за просвещение.

[vitaly_74]

WbICHA,

Во-вторых, откуда ты знаешь, что я знаю, а что нет?)

по вашему комменту уже видно что вы знаете а что нет, знали бы ответ на вопрос то ответили, но вы его не знаете. знали бы что такое функциональное программирование то понимали бы, прочтя мои слова, что я с ним не хочу связываться, а раз вы не поняли моих слов то и не понимаете что такое функц. программирование. п.с. чтобы понимать как кодить на функционалке нужна минимум вышка. это как для игр дискретная математика.

Во-первых, зачем тогда было выбирать реакт?

а разве реакт могут писать только функциональщики? по моему у них нигде об этом в доках не сказано, и вы не сказали.

Очевидно, никак. Во всяком случае нормальными способами. Костылями, думаю, можно.

этого ответа я от вас и ждал.

Только вот вопрос, а для чего тебе иметь инстанс компонента? Какую проблему ты этим хочешь решить?

потому что я привык работать в ооп стиле со связкой с ДДД и мне так удобней. мне удобней работать с "корнем агрегата" и управлять состоянием страницы и всеми внутренностями из корня агрегата. передача своих свойств дочернему элементу меня на этом этапе не устраивала. т.к. у меня кнопка лежит на уровне родителя, а при клике на кнопку должно действие происходить внутри дочернего элемента. прочитал что можно выполнить двумя способами передавать свойства в дочерний элемент или кидать лябду-функцию. и то и другой меня не устраивало. пока обхожусь ref

Не знал, что задавать уточняющие вопросы — это дурной тон

да дурной тон. одно дело если вы не поняли мой вопрос, и совершенно другое дело просить меня расписать то чего я хочу (что я собственно уже и написал) чтобы посоветовать мне то что мне не надо.
это проблема слабых разработчиков, к сожалению.
сильные разрабы сначала отвечают на вопрос в полном объеме, если знают, и затем уже интересуются. проверено.

"Если вы не готовы пилотировать самолёт, не стоит садиться за руль автомобиля" © Логика

причем тут самолет и авто вообще? это у меня еще с логикой проблемы?!)
понимаю если бы сказали "если не готовы пилотировать самолет, не стоит подходить к шасси и делать плановый осмотр самолета". т..к. это делает пилот а не вы.

[WbICHA]

vitaly_74,

причем тут самолет и авто вообще? это у меня еще с логикой проблемы?!)

Если ты не понял к чему я это написал, то да, у тебя явные проблемы с логикой.)

По поводу всего остального, сразу видно профессионала, способного по аватарке узнавать образование, навыки, знания и "силу" разработчика. И, конечно же, который взял библиотеку с желанием забить на все её хорошие практики. По настоящему сильный разработчик.

[vitaly_74]

WbICHA,

По поводу всего остального, сразу видно профессионала, способного по аватарке узнавать образование, навыки, знания и "силу" разработчика. И, конечно же, который взял библиотеку с желанием забить на все её хорошие практики. По настоящему сильный разработчик.

я не говорил что я хороший разработчик)) тем более на реакте тем более на js