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 vote374 views1 answer
React-template-helper
Javascript React
0 vote381 views1 answer
Use this in a react js component
Javascript React
0 vote342 views1 answer
React js set default route
Javascript React
0 vote374 views1 answer
React form input not working
Javascript React
0 vote349 views1 answer
Switch react router
Javascript React
114 votes393 views3 answers
Run react app
Javascript React
3 votes322 views1 answer
React native netinfo
Javascript React
0 vote384 views1 answer
React password hashing
Javascript React
0 vote377 views1 answer
React overflow scroll
Javascript React
4 votes402 views3 answers
Add google map in react js
Javascript React