Learn React JS: How To Use React refs and HTML to Set Focus After Rendering | ReactJS Tutorial

[@TheSantaYT]

Great video! Short and concise.

[@Codementor]

Thank you, Will! We're glad you found it helpful :)

[@Pastorsun]

Hi Cheng

[@Vivi-Price]

This was very helpful. Thank you !!

[@brangja4815]

Exactly what I need. autoFocus attribute only works on load but not when state changes.

[@maidedponce7868]

Great video! Saludos desde México🇲🇽

[@marceloveron2393]

awesome tutorial +10000

[@abhisekpaul]

How do I revert the autofocus from down to up

[@goquaoquetoi9513]

Mobile IOS not working

[@tingchunchou8329]

🥺👍🏻

[@supremoluminary]

So you can use React to complicate what can otherwise be done in the DOM, transpiling your code to HTML with proprietary transpiler rules.

[@Codementor]

Hi Garett, thanks for the feedback. Yes, you're right, manipulating the DOM is one alternative to using React or other frontend Library and frameworks.

[@supremoluminary]

@@Codementor Is manipulating the DOM an alternative to using react? I don’t think it is. The DOM is manipulated regardless of whether or not you use react or another transpiler or abstraction. The DOM has standard expected behavior. It’s not tied to an interdependent, ever-shifting base. I think it’s better to learn the DOM than to learn react.

[@Pastorsun]

Hi Garrett

[@brangja4815]

I know but, is there any other way to autofocus input field on state change without touching the DOM directly.

[@supremoluminary]

@@brangja4815 Do you want to autofocus an input or do you want to focus it? What is the state change event you're alluding to? Figure out what you want and specify it using precise language and standard terms. HTML and the DOM are the basis for web apps. Why eschew using them directly?