React useRef Example

reactHookRefExample.js

import React from 'react';
import './style.css';

export default function App() {
  const inputRef = React.useRef(); // Creating a ref
  React.useEffect(() => {
    inputRef.current.focus(); // focus on input on compoenent mount
  }, []);
  return (
    <div>
      <input type="text" ref={inputRef} /> {/* add ref to the input element */}
    </div>
  );
}