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

Question

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

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

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

Answer 1

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

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