Breaking News: Grepper is joining You.com. Read the official announcement!

autofocus is not working in react native

Handsome Hedgehog answered on October 13, 2021 Popularity 9/10 Helpfulness 4/10

answer autofocus is not working in react native

related react input autofocus not working

autofocus is not working in react native

Comment

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>
  );
}

Popularity 9/10 Helpfulness 4/10 Language javascript

Source: stackoverflow.com

Tags: autofocus javascript react-native

Link to this answer
Share Copy Link

Contributed on Oct 13 2021

Handsome Hedgehog

0 Answers Avg Quality 2/10

Closely Related Answers

react input autofocus not working

Comment

autoFocus instead of autofocus

Popularity 3/10 Helpfulness 7/10 Language javascript

Source: Grepper

Tags: javascript autofocus input

Link to this answer
Share Copy Link

Contributed on Nov 29 2023

Ahmed ElNawawy

0 Answers Avg Quality 2/10

autofocus is not working in react native

Contents

More Related Answers

autofocus is not working in react native

Closely Related Answers

react input autofocus not working

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.