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

2 votes192 views2 answers
Get value of Autocomplete react
Javascript React
0 vote198 views1 answer
Apache react deploy "conf"
Javascript React
0 vote172 views1 answer
Render first index active tabs in reactjs
Javascript React
0 vote210 views2 answers
Unexpected template string expression reactjs
Javascript React
-2 votes182 views1 answer
<Link> react import
Javascript React
0 vote186 views2 answers
Login with facebook expo react native
Javascript React
0 vote226 views1 answer
How to add comma in react map
Javascript React
0 vote205 views1 answer
Counter composant react
Javascript React
-1 vote186 views5 answers
Play audio in react
Javascript React
0 vote189 views2 answers
React typical
Javascript React