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 vote122 views1 answer
Installe datatable to reactjs project
Javascript React
86 votes126 views3 answers
React check if window exists
Javascript React
0 vote142 views1 answer
React native camscanner application mobile code
Javascript React
-1 vote125 views3 answers
Divider in react native
Javascript React
1 vote165 views2 answers
Get syntethicbaseevent and parameter in react
Javascript React
0 vote128 views1 answer
React image source showing object module
Javascript React
0 vote134 views1 answer
React this.state.selectedDays.toLocaleDateString is not a function
Javascript React
0 vote123 views2 answers
React typical
Javascript React
4 votes127 views2 answers
Google map react search place
Javascript React
0 vote131 views1 answer
React Hook useEffect has missing dependencies: 'cart' and 'user._id'. Either include them or remove the dependency array react-hooks/exhaustive-deps
Javascript React