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 vote314 views1 answer
React add link to button
Javascript React
0 vote319 views1 answer
React native webview postmessage example
Javascript React
0 vote279 views2 answers
Syntax attribute same as name react
Javascript React
-2 votes353 views1 answer
Keyboard close when typing react native
Javascript React
1 vote268 views1 answer
Network request failed fetch react native
Javascript React
2 votes299 views1 answer
React native open email client expo
Javascript React
0 vote280 views2 answers
Hide header title in react navigation Drawer navigation
Javascript React
0 vote305 views2 answers
Animation react
Javascript React
0 vote338 views1 answer
Reactjs exemple function component
Javascript React
0 vote312 views1 answer
ERROR TypeError: undefined is not an object (evaluating '_reactNative.Styles.m aincont')
Javascript React