Как ПРАВИЛЬНО передать данные между компонентами React?

[@DevMagazineChannel]

Текстовая версия 👉 it-dev-journal.ru/articles/kak-peredavat-dannye-mezhdu-komponentami-v-react-js Вопросы, которые точно зададут на собесе по React 👉kzbin.info/www/bejne/d2GvoWuKgqh5nqM Еще вопросы с собеседований по React 👉‌kzbin.info/www/bejne/Y2eonqt9mr56d9k Все хуки ReactJS 👉‌kzbin.info/www/bejne/aaOnnaJqYr6nq9k

[@nerofighter472]

Это лучший туториал спасибо!!!! За труд Ваш хочу пожелать Вам много самого прекрасного: чтобы здоровье было крепким, иммунитет сильным, чтобы удача была постоянной спутницей, а душа переполнена теплом и счастьем! Желаю вам благополучия и достатка в доме, чтобы ваше финансовое положение было крепким и вы могли позволить себе все, что пожелаете, чтобы близкие всегда радовали, дарили любовь и заботу! Пусть каждый новый день будет окрашен яркими событиями, новыми интересными знаниями, приятными встречами и впечатлениями!

[@MrPahan252]

Только начал изучать Реакт и столкнулся с проблемой передачи состояний. Часа два гуглил и на русском и на английском, по итогу нашёл это видео и за 10 минут решил проблему. Спасибо большое! Однозначно добавлю это видео в избранное и буду периодически обращаться к нему на первых парах

[@avel8965]

Работаю фронтом меньше месяца, но вот эти схемы я, пожалуй, отработаю, потому что очень часто используются. Спасибо автору )

[@igormaksymiv113]

Дружище, как успехи в работе?)

[@avel8965]

@@igormaksymiv113 да все норм)

[@igormaksymiv113]

@@avel8965Красава) у тебя стек JS -> React?

[@avel8965]

@@igormaksymiv113 react typescript mobx

[@АлександрДми]

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

[@VitalyKuznetsov-kd7wp]

Хочу поблагодарить вас за грамотное объяснение материала. Очень помогло.

[@murcha5899]

Роскошь!!!невероятно понятное иструктурированное видео! У вас таллант❤

[@timurkoretskyi2153]

Просто потрясающий урок, автор гений) Жаль, что так мало подписчиков, просмотров, лайков, как по мне, заслуживаете на большее) Продолжайте, отлично получается!!!

[@DevMagazineChannel]

Спасибо!)

[@НадеждаБударина-ы8ш]

Спасибо за ваше видео, очень помогло на начальном этапе разобраться в этих дебрях!

[@sergeyvladimirov9994]

Спасибо тебе большое. Я долго искал эту информацию. Отдельное спасибо за главы в видео

[@fellenyoup305]

Наконец то я нашёл, как это делать с помощью функциональных компонентов! (я пока ещё начинающий в React)

[@daimonkor]

Как всегда на высоте

[@DevMagazineChannel]

Благодарю!)

[@zakiro4277]

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

[@DevMagazineChannel]

Спасибо)

[@sergeyvladimirov9994]

Офф документация у реакта вообще мусорная. Документация ни разу мне не помогла. Что то нужно? Туда можно даже не смотреть.

[@liberty_concord4157]

Очень хорошее объяснение и примеры

[@ВладОся-з7ь]

спасибо за видос , очень полезно и по делу

[@masyamyc]

Просто отличное видео, спасибо

[@ВладиславБогер]

Бро, Context помог решить проблему Спасибо!

[@garag1763]

Отличное видео, помог разобраться

[@makarryzhko7997]

Брат от души спасибо, выручил❤❤

[@passap_master]

как по мне лучших урок

[@ЛилияКалашникова-ф9ю]

Про 2 случай хотелось бы подробнее , он сложен для понимания , с колбэк. onChange который приходит в props в компоненте Children и onChange внутри это один и тот же onChange

[@neobulk3761]

Ты вопросительные знаки ставил бы, а то непонятно, утверждаешь или же спрашиваешь.

[@VitalyKuznetsov-kd7wp]

Можете пожалуйста выложить свежее видео о Redux Toolkit?

[@dj_ovosh]

А можно true false стейты тоже передать по name? к Child компоненту

[@jenyaspace]

Подскажите как передать данные Parent to child, если child пишется в parent не как компонент, а передается через children

[@ВсеволодРусинский]

Круто!

[@nazarlevchuk7773]

Подскажи пожалуйсто у меня в консоле ругается на onChange(event.target.value) в консоле пишет undefiend а когда что то ввожу кидает ошибки(пример когда от Child to Child)

[@jupiterunone]

лучший

[@Владимир-п9ч4с]

Доброго времени суток у меня такая ошибка "Warning: A component is changing an uncontrolled input to be controlled. This is likely caused by the value changing from undefined to a defined value, which should not happen. Decide between using a controlled or uncontrolled input element for the lifetime of the component." Документацию я читал но там используется классовый метод а мне нужен функциональный и у меня глобальный state. Подскажите пожалуйста как это решитью

[@user_k.alex_]

Bидео очень понравилось, спасибо. Xотелось бы узнать как передать данные между классовыми компонентами!

[@DevMagazineChannel]

Спасибо! Для классовых компонентов - принцип такой же: пропсы, события и контекст (но работа с ним немного отличается)

[@ВадимБекмансуров]

спасибо

[@VasiliyKolpaxidis]

Отличное видео. Один вопрос. 2 пример передача данных от Child к Parent. Можно ли передать пропсы в Child и при этом обратно передавать колбэк в Parent? Если по другому можно ли совместить 1 и 2 пример??? Заранее благодарю за ответ.

[@DevMagazineChannel]

Спасибо! Имеется ввиду реакция на изменение пропса? не совсем понял, но наверно вот так const Parent = () => { const value = setState() const handle = () => { /**/ } return ( ) } const Child = ({ value, onEvent }) => { useEffect(() => { onEvent() }, [value]) return ( ) }

[@VasiliyKolpaxidis]

@@DevMagazineChannel Я ещё в процессе обучения поэтому задаю такие вопросы. С родительского компонента я тяну массив с объектами в дочерний а из дочернего в родительский компонент хочу отправить .target.value. можно ли такое сделать? То есть отправка данных и туда и обратно? Слышал о 2 way bounding думал что это оно и есть

[@DevMagazineChannel]

.target.value наверно имеется ввиду из инпута - тогда навесить обработчик ввода на инпут и вызывать в этом обработчике проп onEvent const Child = ({ array, onEvent }) => { return ( onEvent(event.target.value)} /> ) } в реакте 2 way bounding нет, вместо этого явно передаем проп и callback функцию

[@VasiliyKolpaxidis]

@@DevMagazineChannel даже не мог подумать что так можно. Спасибо за ответ завтра тестить буду

[@kuna1990]

День добрый, а как передавать введенное значение в поле на другую страницу?

[@DevMagazineChannel]

Добрый! 1. через контекст, тогда нужно самый корневой элемент обернуть в Provider; 2. через стор; 3. через метод push в библиотеках роутера; ...

[@bezbezov8867]

Спасибо большое! Было бы хорошо если скинули код🙏🏼

[@DevMagazineChannel]

t.me/devmagazinechannel/142

[@bezbezov8867]

Спасибо большое!

[@jenerly-liasinjuaru2643]

А useContext подходит ли для обмена данными между соседними компонентами?

[@DevMagazineChannel]

это не типичный сценарий использования контекста, но подходит

[@АнатолийГаврилов-ы2ь]

Пушка

[@johnbaretty9725]

зачем ты всё делаешь от обратного и всё мешаешь?новичкам точно будет подогревать голову

[@johnbaretty9725]

но всё равно спасибо ,освежил знания