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 vote100 views1 answer
Added font to react native
Javascript React
0 vote109 views4 answers
How to pass data between routes in react
Javascript React
1 vote120 views1 answer
Vim react snippets
Javascript React
0 vote129 views1 answer
React conditional if localhost
Javascript React
0 vote104 views1 answer
React native run real device
Javascript React
0 vote100 views1 answer
./node_modules/react-chartjs-2/dist/index.modern.js Module not found: Can't resolve 'chart.js/auto' in 'C:\Users\shadi\WebstormProjects\PI_HR_HUB\node_modules\react-chartjs-2\dist'
Javascript React
11 votes105 views3 answers
React native text ellipsis
Javascript React
142 votes271 views5 answers
Install react
Javascript React
18 votes103 views6 answers
Import svg as react component
Javascript React
1 vote118 views1 answer
React native image border radius not working
Javascript React