Autofocus react

const emailInputRef = React.useRef(null);

React.useEffect(()=>{
  emailInputRef.current.focus();
}, []);

<input type="email" name="email" ref={this.emailInputRef} />

Source: surajsharma.net

Autofocus react

<!DOCTYPE html>
<html>
  <head> </head>
  <body>
    <label>
      Title
      <input type="text" autofocus value="Untitled" />
    </label>
  </body>
</html>

-1

Source: blog.maisie.ink

Similar codes

0 vote262 views2 answers
Disable a button react
Javascript React
0 vote274 views1 answer
React native text area align top
Javascript React
7 votes240 views1 answer
React native hide scroll indicator
Javascript React
21 votes244 views3 answers
Map function in react
Javascript React
1 vote252 views1 answer
Handling scrolling on react router transitions
Javascript React
0 vote262 views1 answer
Disable enter on input field react
Javascript React
0 vote229 views1 answer
How to only register one click on nested component and not parent component in react js
Javascript React
18 votes257 views6 answers
Uselocation react
Javascript React
6 votes274 views1 answer
React-native loading screen
Javascript React
0 vote258 views1 answer
Reactjs change fill color .svg
Javascript React