Funktsional komponentda komponentning metodlariga tashqi kirishni ta'minlash (tashqariga 'qo'llar' berish) mumkinmi?

Reactning funksional komponentlarida, forwardRef va useImperativeHandle yordamida komponentning metodlariga tashqaridan kirish mumkin.

Bu, referensni 'uzatish' va tashqaridan kirish mumkin bo'lgan metodlar yoki xususiyatlarni belgilash imkonini beradi.

Misol:

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>Hisob: {count}</div>;
});

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

Shu tarzda, tashqi kod increment va reset metodlarini chaqirishi mumkin.