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 vote291 views1 answer
React native Stack Navigation Prop unused variable
Javascript React
0 vote310 views1 answer
Take string until react
Javascript React
0 vote289 views1 answer
React return value from component
Javascript React
0 vote310 views1 answer
Form- text area react
Javascript React
0 vote299 views1 answer
React native passing params to nested navigators
Javascript React
0 vote313 views1 answer
Reactjs events list
Javascript React
0 vote312 views2 answers
Onclick toggle class react
Javascript React
0 vote301 views1 answer
Switch tab react
Javascript React
0 vote334 views2 answers
React native maximum update depth exceeded
Javascript React
0 vote311 views1 answer
Expo cli vs react native cli
Javascript React