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 vote334 views1 answer
Const userMessage Reaction = new UserMessage Reaction({ _id: mongoose.Types.ObjectId(), userId: "USERID", userName: "TESTUSERNAME", messageId: "TESTMESSAGEID", time: "TESTTIME" });
Javascript React
9 votes339 views6 answers
How to check react version
Javascript React
64 votes333 views6 answers
React js router
Javascript React
2 votes339 views1 answer
Text decoration in react
Javascript React
0 vote347 views1 answer
Removing borderline of input in react
Javascript React
0 vote338 views1 answer
Module not found: Can't resolve 'jquery' in react
Javascript React
1 vote339 views1 answer
Adding list items in react
Javascript React
0 vote336 views1 answer
React native zindex issue on android
Javascript React
0 vote310 views1 answer
Making font weight bold by passing value in React.js
Javascript React
0 vote306 views3 answers
Router dom react v6
Javascript React