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 vote348 views5 answers
Line 7:18: 'Section' is not defined react/jsx-no-undef
Javascript React
0 vote381 views1 answer
How to align text vertically center beside an image in react native
Javascript React
0 vote381 views1 answer
Nested arrays reactjs tables
Javascript React
32 votes382 views6 answers
Font awesome react
Javascript React
23 votes387 views2 answers
Reactjs app change port
Javascript React
0 vote403 views1 answer
React-loader-spinner
Javascript React
0 vote375 views1 answer
React image onerror
Javascript React
9 votes415 views5 answers
Find react version
Javascript React
1 vote388 views2 answers
How to render react native app under the status bar
Javascript React
160 votes635 views6 answers
React install
Javascript React