React 组件中的导出和导入函数

Question

我正在创建一个使用 React 的网络应用程序。我有一个主要的 App.js 文件作为主要组件。然后我有一个子组件，它具有创建按钮的功能。例如，我有一个包含徽标、文本等的 renderLogoutButton()

我需要在不同的子组件中使用注销按钮，并且不想重复该功能。如何从一个 React 组件导出 renderLogoutButton() 并将其导入另一个 React 组件？

感谢所有帮助；提前致谢。 :)

Answer 1

如果将 renderLogoutButton 代码移动到单独的 LogoutButton 组件，则可以在任何需要的地方重复使用该组件，而无需重复代码。

这也会缩小 App 组件的大小和复杂性，这是更可取的。