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 vote260 views1 answer
Make image circle css react
Javascript React
0 vote262 views1 answer
React-native-cli remove
Javascript React
0 vote226 views1 answer
How to use algolia react native
Javascript React
3 votes351 views3 answers
Center horizontally react native
Javascript React
0 vote260 views3 answers
Scrollview refresh react native
Javascript React
4 votes231 views1 answer
Pass parameter to handleclick react
Javascript React
0 vote242 views3 answers
How to serve React JS static files with express JS?
Javascript React
0 vote254 views1 answer
React enzyme mount ReferenceError: is not defined
Javascript React
9 votes244 views2 answers
React select options
Javascript React
9 votes245 views3 answers
React select
Javascript React