Как переместить onClick из одного компонента в другой?

Question

У меня есть глобальная переменная:

import { uploadFile } from 'react';

Есть функция, где описан ее функционал:

const Hello = () => {
    uploadFile = () => {
        ...
    }
}

И есть другая функция, где должен выполнятся onClick:

const Files = () => {
    return (
        <button onClick={uploadFile}></button>  
    )
}

Как мне заставить работать onClick?

Answer 1

В onClick написать:

onClick={() => uploadFile()}