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

Question

我正在创建一个使用react的webapp。 我有一个主要的App.js文件，它是主要组件。 然后，我有一个具有创建按钮功能的子组件。 例如，我有一个renderLogoutButton() ，其中包含徽标，文本等。

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

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

Answer 1

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

这还将缩小App组件的大小和复杂性，这是可取的。