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

105 votes299 views3 answers
React bootstrap do you need to import
Javascript React
21 votes201 views6 answers
React native vector icons
Javascript React
0 vote197 views1 answer
How to resolve cors in production react
Javascript React
0 vote190 views1 answer
React native textinput turnoff capitalize first letter
Javascript React
112 votes250 views6 answers
Import bootstrap 4 in react
Javascript React
0 vote189 views1 answer
Add React Router to React Redux CRUD App
Javascript React
6 votes184 views3 answers
React native vector icons not showing
Javascript React
0 vote280 views1 answer
Open screen pdf on google drive react native expo
Javascript React
0 vote177 views1 answer
React got error need to enable javascript
Javascript React
0 vote183 views1 answer
This will give Iodoform reaction on the treatment with Na2CO3 and I2:
Javascript React