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

2 votes236 views2 answers
Create react app not creating template
Javascript React
0 vote284 views1 answer
./node_modules/react-draft-wysiwyg/dist/react-draft-wysiwyg.js
Javascript React
4 votes284 views2 answers
Change the route on button click react
Javascript React
15 votes223 views4 answers
Get query params react
Javascript React
0 vote249 views1 answer
Import tippy react
Javascript React
0 vote284 views1 answer
Preventdefault not working react
Javascript React
1 vote261 views1 answer
Module not found reactstrap
Javascript React
0 vote247 views1 answer
Counter composant react
Javascript React
0 vote242 views1 answer
React native import virtual path
Javascript React
4 votes231 views2 answers
React materilize
Javascript React