You have no idea how much I've been losing my mind trying to figure this out. THANK YOU!!! You made seem so simple.
@youtubejhilkey8802 Жыл бұрын
Thank you so much. i was stucked for three days while implementing netflix faq section. your logic quickly solved my problem
@norrisdamianus52503 жыл бұрын
after searching for several years, this is finally what I need
@user-cs3mq3rf8h3 жыл бұрын
took me a decade
@theodurcan2 Жыл бұрын
Excellent. Clear, concise. Not unnecessary code, many tutorials miss the mark because they saturate the described process with basically bloat. Cheers,
@johnychinese2 жыл бұрын
I couldn't figure this out for 2 days Thanks alot man💯
@promisechidubemumeh73832 жыл бұрын
Wonderful. This is a life saver bro. Keep saving lives 😂
@promisechidubemumeh73832 жыл бұрын
Actually used it in my nav items though
@dilanli74913 жыл бұрын
This is exactly what I need! Thank you so much!
@uzairabdullah2083 жыл бұрын
Exactly what I needed, well part of exactly what I needed!
@elodiemuller11852 жыл бұрын
If you want first object as default value (default color) do this : 1. Define a const outside the useState "appstate" (for exemple just before) const myObject = [{id :1, id: 2}] 2. in your useState "appState" change activeObject : null to activeObject: myObject[0] Enjoy :)
@chymera8466 Жыл бұрын
It's not working. Can you double check? Thanks.
@elodiemuller1185 Жыл бұрын
@@chymera8466 It's been 4 months so i'm not sure it's this part of my code but : const myStepMenu= [ { id: 1, name: "test1" }, { id: 2, name: "test2" }, { id: 3, name: "test3" }, ]; const [actualStep, setActualStep] = useState({ activeObject: myStepMenu[0], objects: myStepMenu, }); const toggleActive = (index) => { setActualStep({ ...actualStep, activeObject: actualStep.objects[index], }); };
@chymera8466 Жыл бұрын
@@elodiemuller1185 Works now. Thank you!
@phanphongspvp Жыл бұрын
@@elodiemuller1185 thankiu so much bro 💯
@grovemagnus96303 жыл бұрын
Thank you for the tutorial. This really helps with my React assignment.
@neets75192 жыл бұрын
Great teaching!! 👏👏👏👏👏👏👏👏
@allistermugaisi16254 жыл бұрын
Thanks a lot, great video! The concept helped to solve my problem.
@rajatverma3122 Жыл бұрын
Really helpful, thank you sir
@infernumw Жыл бұрын
dude i legit love u
@samyip Жыл бұрын
I somehow like your mechanical keyboard clicking sound very much.
@carolinaklein49464 жыл бұрын
Great tutorial, even without sound
@Basil_Porphyrogenitos2 жыл бұрын
thank you so much, works in nextjs too, i used the classnames library tho to be able to use several classes
@dean552 жыл бұрын
Fyi, when it imported useState that is correct now. Not sure which version of react this was allowed but I found this out a few months ago
@JumaanaAmjad3 жыл бұрын
Thank you so much for this tutorial!
@alexisk5978 Жыл бұрын
Thank you soooo much !!!
@annasahradyan98493 жыл бұрын
Thank you so much! , you are the best!!!
@kgblog2156 Жыл бұрын
Thank You so Much
@fonncatalina64643 жыл бұрын
THANKSSS! You save my ass 😂
@Goomie3 жыл бұрын
So is there an issue with just using the state object without the spread operator? (...) Im aware of what spread does, but not sure the implications in this scenario.
@jesseneon18963 жыл бұрын
Noisiest keyboard I've ever heard in my life
@Ilian1Burgos3 жыл бұрын
Thanks a lot bro!! suscribed!
@mianroshan34242 жыл бұрын
Thank you!
@lezarus217 Жыл бұрын
thank you so much
@jeanpierrekoff91344 жыл бұрын
Love You for this
@whiterockjoe Жыл бұрын
So, you compare references to the objects. mmm different than comparing values. Cool
@vickyr41783 жыл бұрын
Thanks Man❤️
@paramgandhi57682 жыл бұрын
it would have been better if you had showed this to indicate how active class changes in li items
@loveregefalk40492 жыл бұрын
Great stuff!
@mazennaeim77342 жыл бұрын
How can i select and unselect multiple boxes at the same time ? for example if i want to select 2 or more boxes?
@@ThomasWSmith-wm5xn thank you so much exactly what I wanted for my project. All the best 🙏🏼
@philadelfiaproducao2 жыл бұрын
You saved my life
@paragrudani4 жыл бұрын
thanks god! I solved my big problem today! thank you!
@haoxianglin4257 Жыл бұрын
I would like to ask, when I complete the code according to the video tutorial, the effect of my project display is that I have to click twice to highlight, may I ask why?
@nikulyt31662 жыл бұрын
Hard to watch on phone... No zoom in your screen where cursor follow? Mic is very fine
@milibaby13 жыл бұрын
hero
@aluuusch2 жыл бұрын
Thanks for the tutorial. This keyboard is too loud though:D
@hoangcuongtran46063 жыл бұрын
thank you very much !
@HaNaxHeart3 жыл бұрын
thanks man, you save me.
@jacqueskorb8792 жыл бұрын
Thank you so much! How can I apply this to the blocks having different background images?
@rahu1gg2 жыл бұрын
mean do you want different imgs and need a effect on that img when it is clicked?
@omrishooshan97843 жыл бұрын
how do you do it on a dynemic map which recieve values from a server and present them as li for example?
@uzairabdullah2083 жыл бұрын
Please add the source code
@budiagung52453 жыл бұрын
Great content ! But can anyone explain elements on return its use for ?
@uzairabdullah2083 жыл бұрын
I might be able to help if you explain your question a bit more
@imharshakumar3 жыл бұрын
They are the names of the class.
@jenyaspace2 жыл бұрын
How in TypeScript?
@aidanwalker30583 жыл бұрын
hey, nice tutorial :) how could i set the activeObject to the first box (id: 1) by default? I tried activeObject: tabState.objects[0] but its giving me an error
@greendayblinkmetal3 жыл бұрын
I need the same, have you solved it?
@aidanwalker30583 жыл бұрын
@@greendayblinkmetal I still haven't nope would be useful to know
@imharshakumar3 жыл бұрын
Do as shown below, it worked for me!!! object: [ { id: 1, toggled: true, }, { id: 2, toggled: false, },] function toggleActiveStyles(index) { if ( appState.object[0] === appState.activeObject || appState.object[index].toggled ) { return "imgCont activeBg"; } else { return "imgCont inactiveBg"; } } function callToggleFun(index) { appState.object[index].toggled = false; changeState({ ...appState, activeObject: appState.object[index] }); }
@user-nb1mw2jj6p3 жыл бұрын
@@imharshakumar It did not work for me, but after I changed appState.object[0] to appState.object[index], it worked fine. Thank you anyway.
@kevincornellius2 жыл бұрын
@@imharshakumar it did work very well for me but i think change the appState.object[index].toggled = false; to appState.object[0].toggled = false; or else it wont work