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

5 votes230 views2 answers
Gradlew clean in react native
Javascript React
0 vote283 views1 answer
Dropzone react view photo
Javascript React
0 vote204 views1 answer
React native get uri of the image in the app assets folder
Javascript React
0 vote207 views1 answer
Relative width and height image react native
Javascript React
2 votes236 views1 answer
Passing multiple props to child component in react
Javascript React
1 vote219 views1 answer
React native linking email
Javascript React
1 vote219 views2 answers
Prevstate in react
Javascript React
1 vote209 views1 answer
React-native razorpay
Javascript React
105 votes204 views1 answer
Create react app scaffolding
Javascript React
0 vote203 views1 answer
React router dom two page form
Javascript React