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

1 vote153 views1 answer
React-native razorpay
Javascript React
0 vote144 views1 answer
How to upload react js project on server
Javascript React
-2 votes137 views1 answer
Starter react redux project
Javascript React
1 vote140 views2 answers
How to navigate with navintems for react-bootstrap without refreshing the whole page
Javascript React
0 vote147 views1 answer
Axios network error react native
Javascript React
0 vote139 views2 answers
Get location from brwoser react
Javascript React
0 vote140 views1 answer
Shadowcolor liners in react native
Javascript React
0 vote167 views1 answer
21:216 Error: Unknown property 'crossorigin' found, use 'crossOrigin' instead react/no-unknown-property
Javascript React
0 vote175 views2 answers
How to use react typed js
Javascript React
0 vote141 views2 answers
Why we need react js
Javascript React