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 vote277 views1 answer
Install reactivesearch
Javascript React
2 votes312 views1 answer
React dynamic import
Javascript React
0 vote268 views1 answer
Npm react-dom
Javascript React
0 vote316 views1 answer
React recursive component
Javascript React
0 vote304 views1 answer
Try catch in react native
Javascript React
0 vote319 views2 answers
Npm react router 6.0.0-alpha.2
Javascript React
0 vote289 views1 answer
Dynamic useState in react
Javascript React
2 votes290 views2 answers
React native scrollview detect end
Javascript React
4 votes286 views2 answers
React multiple select dropdown
Javascript React
32 votes272 views1 answer
How to use routes in react js
Javascript React