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 vote192 views1 answer
React get dynamic window sizes
Javascript React
0 vote175 views1 answer
Too many open files react native
Javascript React
0 vote176 views1 answer
How to remove an object from array in react native
Javascript React
0 vote208 views2 answers
Reactjs date display
Javascript React
0 vote189 views1 answer
React tooltip doesn't work
Javascript React
0 vote184 views1 answer
Take string until react
Javascript React
17 votes196 views5 answers
React native icons
Javascript React
0 vote196 views1 answer
How to creacte react component
Javascript React
1 vote179 views2 answers
Can't perform a react state update
Javascript React
0 vote207 views4 answers
Create a virtual reality website using react js
Javascript React