React focus

<input type="text" autoFocus />

Source: stackoverflow.com

React focus

const FocusDemo = () => {

    const [inputRef, setInputFocus] = useFocus()

    return (
        <> 
            <button onClick={setInputFocus} >
               FOCUS
            </button>
            <input ref={inputRef} />
        </>
    )

}

const useFocus = () => {
    const htmlElRef = useRef(null)
    const setFocus = () => {htmlElRef.current &&  htmlElRef.current.focus()}

    return [ htmlElRef, setFocus ] 
}

Source: stackoverflow.com

Similar codes

0 vote346 views2 answers
Can i pass data with usenavigate react router
Javascript React
0 vote321 views1 answer
React image onerror
Javascript React
-2 votes291 views3 answers
React and express
Javascript React
0 vote296 views0 answer
React
Javascript React
0 vote346 views2 answers
Hello world react
Javascript React
98 votes374 views2 answers
Add bootstrap to react,.........,,,,
Javascript React
3 votes312 views1 answer
UseNav react router
Javascript React
0 vote338 views1 answer
Backgroundcolor react
Javascript React
0 vote317 views1 answer
How to display a calender in react native
Javascript React
0 vote331 views1 answer
Image and video lightbox react
Javascript React