Привет Родительский компонент если захочет получить доступ к данным потомочного компонента Что

Question

Привет Родительский компонент если захочет получить доступ к данным потомочного компонента Что

родитель должен сделать ?

Под данными я имею ввиду не только данных состояние потомка, но еще и методы которые меняют состояние потомка
У потомка есть
const [count, setCount] = useState(0)
То есть получить не только count, но и извлечь setCount тоже
Я буду находясь в родителе дергать setCount потомка, удаленно буду менять состояние потомка ЕГО же методом

Я нашел два способа
1) Поднять состояние, передать event функцию потомку и начать его подслушивать в родителе, потом тригерить этот эвент и передавать через параметры все нужные данные и методы. Родитель получает и все готово. Единственное что я заметил, родитель должен у себя сохранить эти полученные данные. Подходят для этого рефы. И еще надо обернуть в usecallback event функцию, а то функция каждый раз будет новой и много раз будет передаваться выше. А мне достаточно одного раза, поэтому надо закешировать event functon

2) Второй способ это сделать ref указатель на потомок. И через этот реф указатель можно получить доступ ко всему внутреннему потомка

Оба способа работают.

Вопрос какой вариант лучше ??

Сталкиваетесь ли вы часто с такой ситуацией, когда родитель должен получить доступ к инкапсулированному потомку и извлечь оттуда то что ему нужно

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

0

20.03.2022

6 ответов

16 просмотров

Raman

1 вариант, можете погуглить lifting state что бы почитать и не стоит пихать везде useCallback

0

20.03.2022

21th

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

0

20.03.2022

Кузьма Макаров Автор вопроса

hdhdhdhdhdbdhdje
всегда юзал колбек, поменьше рефов стараюсь

под колбеком имеете ввиду обычное поднятие состояние ??

0

20.03.2022

hdhdhdhdhdbdhdje

Кузьма Макаров
под колбеком имеете ввиду обычное поднятие состоян...

ну да, функцию прокидываю в ребенка и кладу в нее забираемое значение

0

20.03.2022

Кузьма Макаров Автор вопроса

Raman
1 вариант, можете погуглить lifting state что бы п...

useCallback по моему тут идеально подходит. Нет ?? если useCallback не юзать, родительский колбек одна и та же функция будет много раз пересоздаваться и постоянно будет дергать из потомка данные, даже не данные, а методы потомка, а они как правило не меняются. setCount потомка - один и тот же при создании. В данном контексте достаточно лишь один раз дернуть. Больше не надо. Согласны ?

0

20.03.2022

hdhdhdhdhdbdhdje · Accepted Answer

hdhdhdhdhdbdhdje

всегда юзал колбек, поменьше рефов стараюсь

0

20.03.2022

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

Привет Родительский компонент если захочет получить доступ к данным потомочного компонента Что

6 ответов

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