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 vote429 views1 answer
State creation in class components reactjs interview questions
Javascript React
1 vote348 views1 answer
How to get the value of textarea in react
Javascript React
0 vote358 views1 answer
How to make a github api using react
Javascript React
0 vote356 views1 answer
How to disable button if errors object isnt empty in react hook form
Javascript React
0 vote357 views2 answers
React native elements datepicker
Javascript React
0 vote383 views1 answer
Header logo react native doesn't show
Javascript React
2 votes338 views1 answer
React native open email client expo
Javascript React
0 vote393 views1 answer
React tagInput component
Javascript React
0 vote343 views1 answer
React s.a.createElement("div",{className:"d-none d-lg-flex flex-content"},s.a.createElement(u.a.Body,{noScroll:!0}
Javascript React
1 vote342 views1 answer
React-native init AwesomeProject change port
Javascript React