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

8 votes166 views3 answers
Change title react
Javascript React
5 votes162 views2 answers
React js onclick call two functions
Javascript React
0 vote169 views3 answers
How to copy an arry react
Javascript React
13 votes156 views1 answer
Round button corner right react native
Javascript React
0 vote170 views1 answer
React Update a label when rate moves "quietly"
Javascript React
18 votes164 views2 answers
How to import background image in inline css in react
Javascript React
9 votes171 views2 answers
React native hide yellow box
Javascript React
0 vote152 views1 answer
React '$' is not define
Javascript React
6 votes167 views2 answers
Export 'useHistory' (imported as 'useHistory') was not found in 'react-router-dom'
Javascript React
0 vote197 views1 answer
React-chartjs-2
Javascript React