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 vote217 views1 answer
11. Which of the following metals catch fire on reaction with air? A. Magnesium B. Manganese C. Potassium D. Calcium
Javascript React
1 vote203 views1 answer
React material ui input max length
Javascript React
0 vote376 views1 answer
How to run electron and react using concurrently
Javascript React
0 vote187 views2 answers
Why navlink in react router always active
Javascript React
1 vote202 views2 answers
Autofocus react
Javascript React
0 vote197 views3 answers
Unexpected template string expression no-template-curly-in-string react
Javascript React
2 votes215 views1 answer
Remove header border react native
Javascript React
0 vote196 views1 answer
React native textinput turnoff capitalize first letter
Javascript React
0 vote186 views1 answer
Express react docker container example
Javascript React
0 vote199 views1 answer
Escaping less than great than signs in react
Javascript React