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 vote365 views1 answer
Text inside an image component react native
Javascript React
3 votes343 views2 answers
React chart.js
Javascript React
3 votes386 views2 answers
Use onchange with react select
Javascript React
2 votes357 views1 answer
Best react native ui library
Javascript React
0 vote371 views1 answer
How to clear text ibput after message sent react native
Javascript React
5 votes367 views1 answer
How to create a component in react native
Javascript React
0 vote365 views1 answer
Timezone in react js
Javascript React
0 vote364 views1 answer
React load script after render
Javascript React
0 vote394 views1 answer
React js input autocomplete off
Javascript React
0 vote343 views1 answer
React native force vertical
Javascript React