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 vote199 views1 answer
React native textinput turnoff capitalize first letter
Javascript React
1 vote252 views1 answer
Angular validators number only in reactive form
Javascript React
3 votes202 views4 answers
Import in react
Javascript React
2 votes219 views3 answers
New line in react js
Javascript React
0 vote241 views1 answer
React component in for loop
Javascript React
1 vote189 views1 answer
How to create round image in react native
Javascript React
0 vote209 views1 answer
Prevent double tap in react native
Javascript React
41 votes198 views5 answers
UseRef() in react
Javascript React
0 vote229 views2 answers
Dispay react component after some time
Javascript React
0 vote202 views2 answers
Barcode scanner react js
Javascript React