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 vote131 views1 answer
Easy REACT download image
Javascript React
0 vote128 views2 answers
React router dom link same page with different param
Javascript React
1 vote118 views2 answers
Expo create react native app
Javascript React
2 votes111 views1 answer
React native socket io
Javascript React
23 votes149 views3 answers
React save to local storage
Javascript React
0 vote102 views1 answer
Slide hide animaition in react
Javascript React
0 vote109 views1 answer
Get api data from localhost in react native
Javascript React
4 votes117 views1 answer
React how to remove commas from a string
Javascript React
0 vote194 views2 answers
React particles react
Javascript React
-1 vote113 views2 answers
E.target.text react
Javascript React