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

forwardRef-anduseRef.jsx

import { forwardRef, useRef } from 'react';

const Input = forwardRef((props, ref) => {
  const inputRef = useRef(null);

  const getValue = () => {
    return inputRef.current.value;
  }

  const isValid = () => {
    const value = getValue();
    return value !== '' && value.length >= 3;
  }

  return (
    <input
      type="text"
      ref={inputRef}
      {...props}
    />
  )
});

export { Input };