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 vote209 views1 answer
Strike react native
Javascript React
0 vote222 views1 answer
React index.js file
Javascript React
0 vote225 views1 answer
React toastify does not have design
Javascript React
0 vote234 views1 answer
Comming soon page in react
Javascript React
-1 vote185 views1 answer
React localstorage remove item
Javascript React
0 vote216 views7 answers
How to generate debug build in react native
Javascript React
0 vote185 views1 answer
Integrate my own google pay using react js
Javascript React
0 vote225 views1 answer
React native init specific version
Javascript React
0 vote224 views1 answer
Radio button in react native expo
Javascript React
0 vote189 views1 answer
ReactNative onPress doesn't exist
Javascript React