Как обратиться к методу компонента через ref?

Question

[eugenedrvnk]

Во vue иногда возникали ситуации, когда была примерно такая структура.

<div>
    <SomeComponent ref="someComp"}/>
</div>

mounted() { this.$refs.somComp.someMethod() }

И нужно было из родительского компонента (в котором рендерится someComponent), вызвать метод someMethod. По итогу обращение через this.$refs.someMethod() работало и всё успешно вызывалось. Какой подход для этого возможно применить в реакте?

Answer 1

[abberati]

Никакой. Компоненты скрывают свою логику от родителей и родители не должны знать ничего о реализации потомков. Сверху вниз можно спускать данные, а сверху вниз — передавать события. Это всё, что есть о коммуникации между компонентами.

Comments

[eugenedrvnk]

В моей ситуации есть, к примеру, подобная разметка.

<div id='app'>
   <Cursor/>
   <Header/>
   <Root/>
   <Footer/>
</div>

Компонент Cursor - визуальный блок, заменяющий обычный курсор и по ходу работы приложения нужно обращаться к его методам для изменения вида курсора.
Каким образом это можно сделать? (В реализации на vue я просто через provide давал доступ всем дочерним компнентам к рефу курсора, в реакте же, такой возможности, как понимаю, нет)

[eugenedrvnk]

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

[abberati]

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

[abberati]

[Алексей]

Можно через свойство. Меняете свойство в родителе, а в потомке через watch ловите изменение и выполняете что-то