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

Question

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

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

感谢所有帮助;提前致谢。 ：）

Answer 1

如果将renderLogoutButton代码移动到单独的LogoutButton组件，则无需代码重复即可在任何位置重复使用该组件。

这也会缩小App组件的大小和复杂性，这是首选。