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 vote120 views1 answer
React modal scroll 2 overlapping components
Javascript React
1 vote131 views1 answer
React eslint prettier
Javascript React
0 vote127 views2 answers
React native how to delete android build
Javascript React
5 votes114 views2 answers
React native components
Javascript React
0 vote118 views1 answer
React Redux store exemple
Javascript React
2 votes114 views2 answers
React google maps
Javascript React
3 votes120 views1 answer
Force update react hooks
Javascript React
3 votes148 views2 answers
Whatare portals in react
Javascript React
-1 vote116 views3 answers
Divider in react native
Javascript React
0 vote123 views1 answer
Reactjs ES6 class event listeners in jsx
Javascript React