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 vote159 views2 answers
React tweet embed
Javascript React
0 vote168 views1 answer
Stop playing music when page is closed react
Javascript React
3 votes139 views2 answers
React router active link css
Javascript React
0 vote166 views1 answer
React userefrence example
Javascript React
1 vote167 views1 answer
Unexpected token export type react bottontab navigation
Javascript React
0 vote141 views1 answer
React-navigation headerbackbutton not export member of navigation
Javascript React
0 vote175 views1 answer
React conditional if localhost
Javascript React
3 votes154 views1 answer
React bootstrap card
Javascript React
7 votes174 views3 answers
Add backgorund image in react native app
Javascript React
105 votes215 views1 answer
React simbu2013
Javascript React