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 vote156 views1 answer
React native button top right
Javascript React
0 vote151 views1 answer
[Design System React] App element is not defined. Please use Settings.setAppElement(el)
Javascript React
1 vote158 views1 answer
React material ui classname
Javascript React
0 vote175 views1 answer
React router remove location state on refresh
Javascript React
0 vote113 views1 answer
React native rebuild
Javascript React
0 vote148 views3 answers
Image border shadow react native
Javascript React
0 vote156 views1 answer
React bootstrap make col disapear in small screens
Javascript React
-1 vote167 views4 answers
React tutorial
Javascript React
0 vote168 views1 answer
Onpress react native datepicker stackver flow
Javascript React
1 vote135 views3 answers
Autocomplete react
Javascript React