Функции экспорта и импорта в компоненте React

Я создаю веб-приложение, которое использует реакцию. У меня есть основной файл App.js, который служит основным компонентом. Затем у меня есть подкомпонент, в котором есть функции для создания кнопок. Например, у меня есть renderLogoutButton(), на котором есть логотип, текст и т. д.

Мне нужна кнопка выхода из системы в другом подкомпоненте, и я не хочу дублировать эту функцию. Как я могу экспортировать renderLogoutButton() из одного компонента React и импортировать его в другой компонент React?

Любая помощь приветствуется; заранее спасибо. :)