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 vote164 views1 answer
Donwload data from react js in json file
Javascript React
2 votes143 views2 answers
Add 2 class names react
Javascript React
0 vote93 views2 answers
Syntax attribute same as name react
Javascript React
3 votes134 views2 answers
React native animated sticker
Javascript React
0 vote148 views1 answer
Upload file react onclick
Javascript React
0 vote156 views1 answer
My vscode does not recognize react code syntax
Javascript React
4 votes172 views2 answers
React multiple select dropdown
Javascript React
3 votes126 views2 answers
React router active link css
Javascript React
0 vote158 views1 answer
How to make this transform with React-Native? https://stackoverflow.com/questions/37538303/how-to-make-this-transform-with-react-native
Javascript React
0 vote139 views1 answer
Google pay payment gateway for react js project
Javascript React