how to use useRef ( refs ) in functional components

PHOTO EMBED

Tue Feb 09 2021 14:37:50 GMT+0000 (Coordinated Universal Time)

Saved by @arhan #javascript

export function Child() {
  const inputRef = useRef();
  console.log(inputRef.current);

  return (
    <div>
      <input type="text" defaultValue="default value" ref={inputRef} />
      <button onClick={() => inputRef.current.focus()}>Focus</button>
    </div>
  );
}
	
content_copyCOPY

In a react functional component

https://www.youtube.com/watch?v=W6AJ-gRupCs