Популярное

Музыка Кино и Анимация Автомобили Животные Спорт Путешествия Игры Юмор

Интересные видео

2025 Сериалы Трейлеры Новости Как сделать Видеоуроки Diy своими руками

Топ запросов

смотреть а4 schoolboy runaway турецкий сериал смотреть мультфильмы эдисон
dTub
Скачать

How to Call Function Defined in Functional Child Component for React and React Native Using useRef

Автор: MissCoding

Загружено: 2022-06-06

Просмотров: 5741

Описание:

Hi everyone!

Today I am going to show you how to call a function defined inside a functional component by passing a ref to the child component and setting the function on the ref. I will be doing this in react native but you can do the same in React. To do this we will use the useRef hook from React.

My code for this example is available on GitHub:
https://github.com/chelseafarley/Chil...

You’ve clearly come here to learn and a free audible trial allows you to increase your learning potential in situations where you may be hands free like at the gym or on your commute. It allows you to spend more time on theory when you aren’t able to watch a screen, so that you can maximise your screen time to pick up technical skills. Try it for free today:
https://amzn.to/3ECMsom

// ABOUT ME
My name is Chelsea and I started studying software engineering in 2010. I have been working commercially full time since 2014 and have been in various positions from graduate developer to tech lead to solution architect.
I'm a full stack developer with a lot of experience in C# and Javascript but my passion is for mobile development; specifically native iOS development and cross platform using React Native.

I always have many things on the go and am always trying out a new side hustle and failing at it; perhaps you can learn from my mistakes!

Please like and subscribe if you enjoyed this video and want to see more like it!
Have any suggestions on topics you would like to learn more about? Please suggest them in the comments... I would love to help you out while doing a bit of learning myself!

// PRODUCTS USED
I use the following products in the creation of my videos:

Boya MM1 Microphone - https://amzn.to/3m6kif7
A reasonable quality and reasonably sturdy but cost effective microphone that can be used by both DSLR cameras, mobile phones and laptops

Canon 18-55mm Lens - https://amzn.to/3IwscFR
A kit lens but a decent quality lens for beginners getting used to a DSLR

Canon EOS Rebel T7 with 18-55mm Lens - https://amzn.to/3XZauAL
This is the kit I started with it includes the lens linked above and is a great starter camera.

I love Apple devices... These are the ones I use for my channel content creation:

Apple iPhone 13 - https://amzn.to/3KAUba4
A good all round phone, good for Apple development and recording videos with enough high quality features but at a cheaper price point than the pro versions.

Apple MacBook Pro - https://amzn.to/3KxrE5q
A nice portable computer for working from anywhere and perfect for iOS development

Apple iPad Air - https://amzn.to/3xU2k21
Really easy to use for graphic design if required for logos as part of my app development or editing the videos on the go.

Apple Pencil (2nd Generation) - https://amzn.to/3EBSwNS
For logo and icon design in Affinity Designer app for iPad

Logitech Folio Keyboard Touch - https://amzn.to/3XUYBM1
Adds keyboard and touchpad to iPad Air, making it easier to use for writing code/eBooks etc. on the go!

DISCLAIMER: Links included in this description might be affiliate links. If you purchase a product or service with the links that I provide I may receive a small commission. There is no additional charge to you! Thank you for supporting my channel so I can continue to provide you with free content each week!

//CONTACT:
Please contact me at: [email protected]

//CRAVING MORE:
You can find links to all my different sites and social media over on Linktree: https://linktr.ee/misscoding

How to Call Function Defined in Functional Child Component for React and React Native Using useRef

Поделиться в:

Доступные форматы для скачивания:

Скачать видео mp4

  • Информация по загрузке:

Скачать аудио mp3

Похожие видео

array(10) { [0]=> object(stdClass)#4684 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "8v_8ecrNWbg" ["related_video_title"]=> string(99) "PropTypes to Validate and Provide Default Values for Functional Component Properties - React Native" ["posted_time"]=> string(21) "3 года назад" ["channelName"]=> string(10) "MissCoding" } [1]=> object(stdClass)#4657 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "42BkpGe8oxg" ["related_video_title"]=> string(45) "Learn React Hooks: useRef - Simply Explained!" ["posted_time"]=> string(21) "2 года назад" ["channelName"]=> string(16) "Cosden Solutions" } [2]=> object(stdClass)#4682 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "Yh2eH4fXgbU" ["related_video_title"]=> string(39) "You Probably Shouldn't Use React.memo()" ["posted_time"]=> string(19) "1 год назад" ["channelName"]=> string(14) "Theo - t3․gg" } [3]=> object(stdClass)#4689 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "m55PTVUrlnA" ["related_video_title"]=> string(45) "All The JavaScript You Need To Know For React" ["posted_time"]=> string(21) "3 года назад" ["channelName"]=> string(9) "PedroTech" } [4]=> object(stdClass)#4668 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "SO8lBVWF2Y8" ["related_video_title"]=> string(39) "Why Signals Are Better Than React Hooks" ["posted_time"]=> string(19) "1 год назад" ["channelName"]=> string(18) "Web Dev Simplified" } [5]=> object(stdClass)#4686 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "a_l3jymSRow" ["related_video_title"]=> string(177) "Путин обратился к Украине || Зеленский предупреждает о вторжении в Казахстан || Удар США для Ирана" ["posted_time"]=> string(24) "10 часов назад" ["channelName"]=> string(23) "Время Прядко" } [6]=> object(stdClass)#4681 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "ScT4ElKd6eo" ["related_video_title"]=> string(53) "React Hook useRef and forwarding refs with forwardRef" ["posted_time"]=> string(19) "5 лет назад" ["channelName"]=> string(8) "techsith" } [7]=> object(stdClass)#4691 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "odenjd0kGGg" ["related_video_title"]=> string(95) "How to Open an App from an Expo React Native App using App Linking and Passing Route Parameters" ["posted_time"]=> string(19) "1 год назад" ["channelName"]=> string(10) "MissCoding" } [8]=> object(stdClass)#4667 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "I1k1Q5_n-N0" ["related_video_title"]=> string(99) "How to Add Navigation to Your SwiftUI iOS Apps // Including Environment Objects and Nav Bar Buttons" ["posted_time"]=> string(19) "1 год назад" ["channelName"]=> string(10) "MissCoding" } [9]=> object(stdClass)#4685 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "MxIPQZ64x0I" ["related_video_title"]=> string(50) "Learn React Hooks: useCallback - Simply Explained!" ["posted_time"]=> string(21) "2 года назад" ["channelName"]=> string(16) "Cosden Solutions" } }
PropTypes to Validate and Provide Default Values for Functional Component Properties - React Native

PropTypes to Validate and Provide Default Values for Functional Component Properties - React Native

Learn React Hooks: useRef - Simply Explained!

Learn React Hooks: useRef - Simply Explained!

You Probably Shouldn't Use React.memo()

You Probably Shouldn't Use React.memo()

All The JavaScript You Need To Know For React

All The JavaScript You Need To Know For React

Why Signals Are Better Than React Hooks

Why Signals Are Better Than React Hooks

Путин обратился к Украине || Зеленский предупреждает о вторжении в Казахстан || Удар США для Ирана

Путин обратился к Украине || Зеленский предупреждает о вторжении в Казахстан || Удар США для Ирана

React Hook useRef and forwarding refs with forwardRef

React Hook useRef and forwarding refs with forwardRef

How to Open an App from an Expo React Native App using App Linking and Passing Route Parameters

How to Open an App from an Expo React Native App using App Linking and Passing Route Parameters

How to Add Navigation to Your SwiftUI iOS Apps // Including Environment Objects and Nav Bar Buttons

How to Add Navigation to Your SwiftUI iOS Apps // Including Environment Objects and Nav Bar Buttons

Learn React Hooks: useCallback - Simply Explained!

Learn React Hooks: useCallback - Simply Explained!

© 2025 dtub. Все права защищены.



  • Контакты
  • О нас
  • Политика конфиденциальности



Контакты для правообладателей: [email protected]