ReactJS-Episode 5 - React State After Setting It
ReactJS-Episode 5 - React State After Setting It
Right now, I'm building Dancingnomads' User Settings, which will allow our users to set the settings for their email and mobile notifications.
The Problem:
With the code that we have, if you toggled the "Only Allow Premium Dancers to Message Me" switch, that value in the database will NOT change. That's NOT what we want, we want the ON to be OFF (1 → 0).
The Solution
Based on this article by Sung M. Kim (reference below), I learned that setState is an asynchronous function. That means, that there will be some lag time between our call to submit and the state actually changing, which makes sense of why flipping the switch off DOESN'T ACTUALLY TURN IT OFF! ???
So, all we need to do is call the submit AFTER the state has been changed with a callback, and luckily, setStates second (optional) parameter is where we can use a callback.
And you're good. Now, we will only call submit AFTER the state has been updated, which will update the value in the database properly.
That's all for today!
Don't forget to join the mailing list and our facebook group below if you need some programming help or some accountability partners (And access to our files used in this tutorial series)!
Accompanying medium article: https://medium.com/@donaldlee50/reactjs-episode-5-60a44c893a97
Don't forget to like, comment, and subscribe!!!
========================================================
Reference Links
========================================================
Accessing React State right after setting it: https://dev.to/dance2die/accessing-react-state-right-after-setting-it-2kc8
========================================================
Connect with me!
========================================================
Linkedin: https://www.linkedin.com/in/donaldlee50
Instagram: https://www.instagram.com/donlee50/
Twitter: https://twitter.com/donaldlee50
Youtube: https://youtube.com/coursehack
Mailing List: http://bit.ly/coursehack-mailing-list
Coursehack's Facebook Group: bit.ly/join-coursehack-facebook-group
========================================================
Ran into this Issue with my Dancingnomads App, check it out!
========================================================
Web: https://dancingnomads.com
iOS App (help give it 5 stars?): http://bit.ly/dancingnomads-for-ios
Android App (help give it 5 stars?): http://bit.ly/dancingnomads-for-android
Don't forget to like, comment, and subscribe!
Что делает видео по-настоящему запоминающимся? Наверное, та самая атмосфера, которая заставляет забыть о времени. Когда вы заходите на RUVIDEO, чтобы посмотреть онлайн «ReactJS-Episode 5 - React State After Setting It», вы рассчитываете на нечто большее, чем просто загрузку плеера. И мы это понимаем. Контент такого уровня заслуживает того, чтобы его смотрели в HD 1080, без дрожания картинки и бесконечного буферизации.
Честно говоря, Rutube сегодня — это кладезь уникальных находок, которые часто теряются в общем шуме. Мы же вытаскиваем на поверхность самое интересное. Будь то динамичный экшн, глубокий разбор темы от любимого автора или просто уютное видео для настроения — всё это доступно здесь бесплатно и без лишних формальностей. Никаких «заполните анкету, чтобы продолжить». Только вы, ваш экран и качественный поток.
Если вас зацепило это видео, не забудьте взглянуть на похожие материалы в блоке справа. Мы откалибровали наши алгоритмы так, чтобы они подбирали контент не просто «по тегам», а по настроению и смыслу. Ведь в конечном итоге, онлайн-кинотеатр — это не склад файлов, а место, где каждый вечер можно найти свою историю. Приятного вам отдыха на RUVIDEO!
Видео взято из открытых источников Rutube. Если вы правообладатель, обратитесь к первоисточнику.