/Javascript/React/Autofocus is not working in react native

Autofocus is not working in react native

import React, { useRef, useEffect } from "react";

export default function SignIn() {
  const inputElement = useRef(null);
  useEffect(() => {
    if (inputElement.current) {
      inputElement.current.focus();
    }
  }, []);

  return (
    <div>
        <form action="...">
            <input
                  ref={inputElement} // yes, this is working in Chrome on Mac 
                  type="text" // allows username also; type 'email' woud insist on '@' sign
                  name="email"
                  placeholder="Email address"
                  autoComplete="email"
                  required
                  ...
                />
        </form>
    </div>
  );
}

Source: stackoverflow.com

Similar codes

2 votes133 views1 answer
Best react native ui library
Javascript React
1 vote143 views1 answer
"react native" component dynamic children props
Javascript React
0 vote147 views3 answers
Django send and receive image data to react
Javascript React
0 vote160 views1 answer
My env.local file not working in my react app usind mac
Javascript React
0 vote150 views1 answer
React sub count
Javascript React
0 vote190 views1 answer
Testing a function in jest on click react
Javascript React
1 vote152 views2 answers
React PropTypes.instanceOf
Javascript React
4 votes149 views4 answers
Width 100% react native
Javascript React
0 vote149 views1 answer
Multi filtering react
Javascript React
0 vote143 views1 answer
Which react-bootstrap component you will use for width: 100% across all viewport and device sizes
Javascript React