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

28 votes275 views6 answers
React fontawesome
Javascript React
1 vote327 views1 answer
Found page without a React Component as default export in
Javascript React
23 votes300 views4 answers
Click to copy react
Javascript React
21 votes294 views6 answers
Shadow in react native
Javascript React
0 vote289 views1 answer
How to pass an id to the route of a seprate file react
Javascript React
18 votes285 views3 answers
How to hide header in react navigation
Javascript React
0 vote308 views1 answer
React native font awesome
Javascript React
-1 vote309 views1 answer
React_Weather_App
Javascript React
2 votes291 views1 answer
React native socket io
Javascript React
0 vote348 views1 answer
React js bootstrap select option required
Javascript React