есть функциональный компонент
const MyComp = (props: any) => {
// функция, которая будет вызываться
const handleLoad = () => {
}
// отрисовать компонент
return ();
}
и есть кнопка рядом с этим компонентом
<>
<button onClick={handleStartLoad}>Load</button>
<MyComp />
</>
можно ли без костылей сделать так, что при нажатии на кнопку вызывалась бы функция handleLoad
?
это упрощенный пример, в жизни - это отрисовка highcharts графика который надо сохранить в виде картинки, но для этого необходимо выполнить код
Highcharts.exportChart(options, {
type: 'image/png',
filename: 'chart-export',
});
данные options
находятся в компоненте отрисовки графика, а панель с инструментами находится "выше" и этих данных не видит, поэтому и подумал, что компонент может как-то возвращать функцию, которую можно было бы дергать
В качестве костыля можно было бы использовать useEffect
и передавать какую-нибудь переменную load_counter
, но как по мне - это костыль