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

Question

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

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

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

Answer 1

Если вы переместите свой код renderLogoutButton в отдельный компонент LogoutButton, вы можете повторно использовать его в любом месте без дублирования кода.

Это также уменьшит размер и сложность компонента App, что является предпочтительным.