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

Question

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

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

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

Answer 1

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

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