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

2 votes373 views1 answer
Npm install --save react-native-vector-icon
Javascript React
0 vote331 views1 answer
React native bootstrap
Javascript React
3 votes384 views1 answer
React native class component constructor
Javascript React
4 votes402 views2 answers
Hide status bar react native
Javascript React
0 vote369 views1 answer
React native andri]oid ReferenceError: Can't find variable: Intl
Javascript React
2 votes360 views1 answer
Can't import react bootstrap
Javascript React
3 votes351 views2 answers
React api call
Javascript React
0 vote392 views1 answer
How to get circle around text in react natvie
Javascript React
0 vote406 views1 answer
How to prevent previous radio button active react native
Javascript React
1 vote416 views1 answer
React native "modalize" above bottom navigation
Javascript React