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 vote135 views1 answer
Npm react animation
Javascript React
0 vote135 views1 answer
React event stop propagation
Javascript React
0 vote157 views1 answer
Private router react v6
Javascript React
0 vote169 views1 answer
Chinese icon in react native vector icons
Javascript React
56 votes138 views6 answers
Useref react
Javascript React
0 vote122 views1 answer
React native notify user for new version of app
Javascript React
0 vote159 views2 answers
Mobile nav react npm
Javascript React
0 vote160 views1 answer
No routes matched location / react router
Javascript React
2 votes149 views2 answers
React not recognizing lorem
Javascript React
6 votes126 views1 answer
React-native loading screen
Javascript React