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

1 vote145 views1 answer
Get value of input element on button click react
Javascript React
0 vote134 views1 answer
React native run on a particular emu
Javascript React
0 vote151 views1 answer
React set state before render
Javascript React
0 vote150 views1 answer
React children map
Javascript React
48 votes149 views1 answer
Emmet not working react js
Javascript React
0 vote157 views2 answers
Undo npm run eject react
Javascript React
0 vote147 views1 answer
Detect if user is online react
Javascript React
0 vote170 views2 answers
How to run react builed version
Javascript React
2 votes144 views2 answers
Merge two styles react native
Javascript React
0 vote132 views1 answer
How to add value with useref in react
Javascript React