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 vote375 views3 answers
React hook example
Javascript React
0 vote383 views1 answer
React native get uri of the image in the app assets folder
Javascript React
32 votes429 views1 answer
How to do routes react js
Javascript React
0 vote436 views1 answer
Difference between controlled and uncontrolled components in react js
Javascript React
0 vote375 views1 answer
Textfield label language react
Javascript React
0 vote392 views1 answer
Using RN BootSplash with React Navigation
Javascript React
0 vote373 views1 answer
How to add css based on route react
Javascript React
0 vote416 views2 answers
React native maximum update depth exceeded
Javascript React
0 vote411 views1 answer
Random word react npm package
Javascript React
0 vote469 views1 answer
React set multible attribute values
Javascript React