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

1 vote243 views1 answer
Toggle drawer react native
Javascript React
0 vote247 views1 answer
How to add css based on route react
Javascript React
0 vote278 views1 answer
Create react expo
Javascript React
0 vote284 views2 answers
React open pdf in new tab
Javascript React
0 vote263 views1 answer
Removing borderline of input in react
Javascript React
0 vote286 views1 answer
@tippyjs/react
Javascript React
116 votes248 views6 answers
Bootstrap react
Javascript React
0 vote253 views1 answer
Use of undeclared identifier 'gmsservices' react native
Javascript React
1 vote258 views1 answer
Change react native app name
Javascript React
2 votes281 views2 answers
React native asign width to image
Javascript React