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 vote221 views1 answer
ExoPlayer with auto linking react native
Javascript React
0 vote219 views2 answers
React show view based on role permission
Javascript React
0 vote212 views1 answer
Valueof in react native
Javascript React
32 votes245 views1 answer
React-router react-router-dom
Javascript React
0 vote262 views1 answer
React input number validation
Javascript React
0 vote205 views1 answer
React check if localhost
Javascript React
0 vote221 views1 answer
React auto import sometime not working
Javascript React
7 votes207 views2 answers
Insert a line break into a text component in react-native
Javascript React
15 votes207 views1 answer
React forwardref
Javascript React
10 votes209 views4 answers
React native disable warnings
Javascript React