Code for "Exposing React Component functions with fowardRef and useRef" Article

forwardRef-anduseRef-2.jsx

import { useRef } from 'react';
import { Input } from './Input';

const App = () => {
  const inputRef = useRef(null);

  const handleSubmit = (event) => {
    event.preventDefault();

    const value = inputRef.current.getValue();
    const isValid = inputRef.current.isValid();

    console.log(value, isValid);
  }

  return (
    <form onSubmit={handleSubmit}>
      <Input ref={inputRef} />
      <button type="submit">Submit</button>
    </form>
  )
}