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

29 votes327 views6 answers
If react
Javascript React
0 vote344 views1 answer
Empty div react
Javascript React
-1 vote351 views1 answer
React native toggle button with text
Javascript React
0 vote355 views1 answer
React native update helper
Javascript React
0 vote335 views1 answer
How is react different from normal js
Javascript React
0 vote359 views1 answer
Sort Array Object in React
Javascript React
0 vote343 views2 answers
React js big calendar
Javascript React
0 vote359 views1 answer
How to get property names from object using map method react
Javascript React
0 vote344 views1 answer
Eject expo app to android and react native
Javascript React
262 votes496 views6 answers
Create a react native project
Javascript React