KPC
Kevin Powell - Community•10mo ago
wmh_

OTP auto foucs (React js)

Hi everyone, I would like to implment OTP verification and it has 4 inputs, and I want if the user enter a number for the first input, it will auto foucs to the second input and so on.
3 Replies
Senra
Senra•10mo ago
tried using useRef? just give the onInput attribute of one input a value of input2Ref.current.focus()
serkan
serkan•10mo ago
the code from the updated version is working, https://stackoverflow.com/a/54225169
Stack Overflow
How to set focus on an input field after rendering?
What's the react way of setting focus on a particular text field after the component is rendered? Documentation seems to suggest using refs, e.g: Set ref="nameInput" on my input field in the render
wmh_
wmh_•10mo ago
It worked for me, thank you guys👍
Want results from more Discord servers?
Add your server
More Posts
Webflow grid helpHey guys im stuck in this exercice im try learn webflow and i cant understand how grid works in respWhen to make website responsive?Do you guys handle responsivity from the literal beggining of a project? Or do you wait until you fiHow do you make a website using “boring” tech these daysMy frontend career basically kicked off when JAMstack became a buzzword, so most of my time experienSimple Array questionhow to print first, middle and last items of this array with a clean code?Is the font size adjustable for long words?I have a <H1> tag with a set font size that works and looks decent most of the time. Only sometimeFlexbox fluid layouts questionQuery for the flexbox pros out there. I've achieved the layout I want, but I'm not 100% clear why iti have problem with astro and react js pls help mei have made a sidebar with react and want to import it to index.astro but its not happeninglearn javascriptwhat the best resouce on the internet to learn js from scratch ??Light ray effect with cssHi, I have an image that was generated by the NextJS ImageResponse using JSX and CSS, but I can't fiCan we bend a straight line to make it a semi circle?i want to achieve this: