А у меня кстате вопрос назрел когда мы в атрибутах

Question

А у меня кстате вопрос назрел когда мы в атрибутах

устанавливаем какй-то обработчик не важно onClick
мы же не удаляем потом их , видимо Реакт это всё под капотом делает

но если мы через ref это делаем, то мы должны их (обработчики) очищать, так?

#frontend #javascript #programming #react.js #russian

0

09.06.2021

19 ответов

14 просмотров

nobleMilord

реф это всегда один и тот же объект межу рендерами. а обычный способ это document.querySelector?

0

09.06.2021

Mukhamed Izudinov

Ну, да. Но я имел в виду, например, через ивент когда мы обращаемся к значению инпута e.target.value

0

09.06.2021

nobleMilord

через реф это значение из нативного дома, через onChange синтетическое. ты про такое?

0

09.06.2021

Mukhamed Izudinov

Да да

0

09.06.2021

nobleMilord

Контроллируемые/неконтроллируемые инпуты

0

09.06.2021

Mukhamed Izudinov

Не, совсем, понятно для меня

0

09.06.2021

nobleMilord

через onChage изменение состояния инпута контроллируется стейтом компонента, через реф это нативный дом (через реф не будет ререндера при печатании каждой буквы)

0

09.06.2021

Mukhamed Izudinov

Теперь осенило. Спс)

0

09.06.2021

Drew Naumenko Автор вопроса

вот спасибо, я подозревал что именно так, я ещё конечно ещё тот знаток , но хотелось бы увидеть пример не на уровне уроков, а какойто более лучше пример кода где без ref не обойтись ну никак я тоже его юзал и там уроки делал какието и ещё что-то писал но чёткого понимания когда юзать ref и через него обработчик навешивать елементу , вмеcто стандартного <btn onClick > у меня нету

0

09.06.2021

nobleMilord

Реф это обычный объект с полем current. Каким образом будешь вешать события через него?

0

09.06.2021

Drew Naumenko Автор вопроса

то что хранит в себе current - эт овыход на этот самый елемент так же? const btnRef = useRef(); <btn ref={btnref}> вот он теперь в current хранит ссылку на btn

0

09.06.2021

Олег

Не стоит смотреть на реф только как связь с элементом. Это отличный инструмент хранения данных изменение которых не должно вызывать ререндер

0

09.06.2021

nobleMilord

А дальше ? const handleClick = () => console.log('fff') btnRef?.current.onclick = handleClick

0

09.06.2021

Drew Naumenko Автор вопроса

нет он типо на маунте вешаеться и очищаеться в useEffect const func = ()=> { something do}; useEffect(()=>{ btn.addEventListener("event", func); ()=>{ btn.removeEventListener('event', func) } }, [] )

0

09.06.2021

nobleMilord

а в чем преимущество данного подхода перед синтетическим onClick?

0

09.06.2021

Drew Naumenko Автор вопроса

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

0

09.06.2021

nobleMilord

Всевозможные ситуации так вмиг не охватишь, надо отталкиваться от ситуации. Почитай статьи "useRef use cases"

0

09.06.2021

Drew Naumenko Автор вопроса

ок, спасибо за дискуссию

0

09.06.2021

Илюша 🎂 · Accepted Answer

Илюша 🎂

ну, да (хз)

0

09.06.2021

169 похожих чатов

А у меня кстате вопрос назрел когда мы в атрибутах

19 ответов

Похожие вопросы