Как я могу указать текущее состояние элемента с помощью frontRef в реакции? ⇐ Javascript

[Гость]

Извините, если название сбивает с толку или вводит в заблуждение. Я поменяю его, если ты придумаешь что-нибудь получше, но я думаю, что виноват именно он. Я пытаюсь создать изображение .png из диаграммыcharts.js.

Вот фрагмент кода, о котором идет речь

const DSampleChart = () => { пусть ref = useRef(null); const downloadImage = useCallback(() => { const link = document.createElement("a"); link.download = "диаграмма.png"; link.href = ref.current.toBase64Image(); ссылка.клик(); }, []); возвращаться ( Скачать ); }; Он жалуется на toBase645Image(), но я думаю, это потому, что ref.current пуст. И ссылка пуста, потому что на нее есть ссылка в функции, и, очевидно, вы не можете использовать ссылку в функции?

Внимание: компонентам функции нельзя давать ссылки. Попытки получить доступ к этой ссылке потерпят неудачу. Вы имели в виду использовать React.forwardRef()?

Но я не знаком с переадресацией, и чем больше я к ней прикасался, тем больше запутывался

Вот песочница, в которой вы можете поиграть. И заранее спасибо