Зачем нужны рефы в ReactJS?

Question

[Игорь]

Не так давно взялся изучить ReactJS, но столкнулся с непониманием. Для чего нужны Рефы?

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

1. Для чего может понадобится обходить основной поток данных (если я правильно понял, речь идет о пропсах)?
   
2. Почему мне не воспользоваться контекстом для этого?
   

Пожалуйста, объясните на примере.

Answer 1

[Роман Александрович]

Для того что бы получить доступ к пропсам дочернего компонента из родителя или же к стейту дочернего компонента из родителя или же вызвать метод дочернего компонента из родителя.

Comments

[Игорь]

Вы можете привести какой нибудь пример когда без рефа не обойтись? Пожалуйста.

[Роман Александрович]

loonny, https://github.com/react-native-community/react-na...
вот компонент и допустим вам нужно на него повесить фокус. сделать это можно только с помощью рефа.

[Игорь]

Роман Александрович, то есть грубо говоря рефы это getElementById в реакте? Только возвращают не только DOM элемента, но и состояние, пропсы и тд.?

[McBernar]

А с каких пор подобный two-way binding стал нормальной практикой в реакте?

[Игорь]

McBernar, а можно по русски для отсталых пожалуйста?

[McBernar]

loonny, ну вот человек пишет

Для того что бы получить доступ к пропсам дочернего компонента из родителя или же к стейту дочернего компонента...

И мне стало интересно - когда это стало нормально использовать рефы для получения доступа к пропсам и стейту дочернего компонента?

[Игорь]

McBernar, Тогда для чего они? Потому что теперь я окончательно запутался

[McBernar]

loonny, так вам ответили же :) это заменяет getelementbyid, но ситуаций, когда в реакте подобное нужно — очень мало. Использовать рефы — значит писать императивный код. Возьми этот элемент и сделай с ним то и это. Джиквкри-стайл. А реакт проповедует нормальную декларативщину — пляшем от стейта.

[Игорь]

McBernar, Короче говоря, если я пока пропущу эту тему и вернусь к ней в конце, то я ничего не потеряю?

[McBernar]

loonny, да, просто держите в голове, что есть возможность получить элемент по его рефу, но делать это нужно только в крайнем случае.

[Игорь]

McBernar, Понял, спасибо)

[Maxusss]

McBernar, я вот знаю только 1 вариант использования рефов, это блокировка textarea от изменения данных на ui до того как не изменён bll, а какие ещё есть варианты необходимости применения рефов, а то если чесно я новичек и пока не встречал других вариантов.

Answer 2

[Bohdan Petrov]

Думаю, вам загуглить будет быстрее, чем кому-то писать.
Но если что, то вот.

Comments

[Игорь]

Я гуглил, и спросил именно потому что не понял. По этому и попросил привести пример.

Answer 3

[Vlad_Murashchenko]

Не используйте ref, если можете обойтись без него. Эта возможность должна использоваться как можно реже. Через какое то время вы сами поймёте зачем это нужно, а пока просто пропустите и сосредоточьтесь на главе философия реакт.