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

Question

[Faraday_22]

Например есть родительский компонент который возвращает дочерние через this.props.childern
Можно ли как то из метода родительского компонента вызвать метод который описан в дочернем?
Например в методе компонента Wrap вызвать метод компонента Item

<Wrap>
    <Item/>
</Wrap>

Comments

[Илья Герасимов]

Можно прописать ref и вызвать, но это сигнальчик что что-то не так архитектурно
https://reactjs.org/docs/refs-and-the-dom.html

[Faraday_22]

Илья Герасимов, я наверно немного не так описал,
в компоненте wrap item будет выводится

<Wrap>
    {this.props.childern}
</Wrap>

и из wrap не получится ref навешать

[Алексей Лауд]

Faraday_22, тогда можно так:

<Wrap>
    {this.props.children.map((Item, key) => <Item key={key} ref={ref => this.refs[key] = ref})}
</Wrap>

[Faraday_22]

Алексей Казаков, благодарю, попробую

[Faraday_22]

Алексей Казаков, Илья Герасимов, реализовал таким способом

ParentMethod= () => {
        Object.keys(this.refs).map((item)=>{
            let component = this.refs[item]
            component.childMethod()
        })
    }

render(){
        this.childrenWithRef = React.Children.map(children, (child, index) => {
            return React.cloneElement(child, 
                { 
                    ref : `child${index}`
                }
            )
        });
        return( 
       <div>
             {this.childrenWithRef}
       </div>
        )
}

Answer 1

[Виктор]

Думаю, что нет. Вы можете пробросить метод от родительского компонента более вложенному (дочернему) через пропсы. Полагаю что Вы можете решить проблему либо использовав Редакс. Или обернуть указанные Вами компоненты в еще один и он будет родителем для них, прописать в нем метод и через пропсы прокинуть его.
Если конечно я правильно понял вопрос. Вот есть статья об этом https://habr.com/ru/post/436702/

Answer 2

[abberati]

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

Опишите ситуацию шире — найдётся решение без вызова дочерних методов.