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 vote147 views1 answer
React native sovrapporre immagini
Javascript React
0 vote120 views1 answer
Relative width and height image react native
Javascript React
1 vote122 views1 answer
How to delete an object from array in reactjs
Javascript React
0 vote135 views1 answer
Open modal on clicking select option in react
Javascript React
1 vote125 views1 answer
Have flat list automatically wrap react native
Javascript React
1 vote128 views1 answer
React native image border radius not working
Javascript React
0 vote142 views1 answer
ReactRender
Javascript React
1 vote118 views2 answers
React native choose simulator
Javascript React
0 vote122 views1 answer
Get all database react native
Javascript React
15 votes133 views2 answers
Ternary react
Javascript React