Fonksiyonel bir bileşende, bileşenin yöntemlerine dış erişim sağlamak (dışarıya 'kollar' vermek) mümkün müdür?

React fonksiyonel bileşenlerinde, forwardRef ve useImperativeHandle kullanılarak bileşenin metodlarına dışarıdan erişim sağlanabilir.

Bu, bir referans 'iletmesine' ve dışarıdan erişilebilir olacak metodlar veya özellikler belirlemeye olanak tanır.

Örnek:

import React, { useImperativeHandle, forwardRef, useState } from 'react';

const MyComponent = forwardRef((props, ref) => {
  const [count, setCount] = useState(0);

  useImperativeHandle(ref, () => ({
    increment() {
      setCount(c => c + 1);
    },
    reset() {
      setCount(0);
    }
  }));

  return <div>Sayı: {count}</div>;
});

// Kullanım
// const ref = React.createRef();
// <MyComponent ref={ref} />
// ref.current.increment();

Bu şekilde, dış kod increment ve reset metodlarını çağırabilir.