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 vote228 views3 answers
'App' is not defined react/jsx-no-undef
Javascript React
0 vote177 views2 answers
Hello world react
Javascript React
0 vote197 views2 answers
Textarea react native
Javascript React
1 vote213 views1 answer
Sort function in react js
Javascript React
0 vote174 views2 answers
React foreach loop
Javascript React
0 vote185 views1 answer
React Redux store exemple
Javascript React
4 votes183 views1 answer
Import img react in another file
Javascript React
0 vote263 views1 answer
Paging react mongoose
Javascript React
0 vote163 views1 answer
Render first index active tabs in reactjs
Javascript React
0 vote222 views1 answer
React nativ export default
Javascript React