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 vote201 views1 answer
Debug react routes
Javascript React
1 vote237 views1 answer
React spread operator
Javascript React
0 vote205 views2 answers
Selected css based on route react
Javascript React
0 vote243 views1 answer
Render object id in an array reactjs from database
Javascript React
0 vote197 views1 answer
Javascript slider get value react
Javascript React
45 votes218 views4 answers
Can't resolve 'react-router-dom'
Javascript React
1 vote219 views1 answer
How to know react and react-native version
Javascript React
0 vote289 views1 answer
React flip move
Javascript React
2 votes321 views1 answer
Dynamic import in reactjs
Javascript React
0 vote213 views1 answer
React js child css
Javascript React