Javascript React组件中的导出和导入功能

Javascript React组件中的导出和导入功能,javascript,reactjs,export,react-component,Javascript,Reactjs,Export,React Component,我正在创建一个使用react的Web应用程序。我有一个主App.js文件作为主组件。然后我有一个子组件,它具有创建按钮的函数。例如,我有一个renderLogoutButton(),其中包含徽标、文本等 我需要一个不同的子组件中的注销按钮,不想重复该功能。如何从一个React组件导出renderLogoutButton(),然后将其导入另一个React组件 感谢所有的帮助;提前感谢。:) 如果将renderLogoutButton代码移动到单独的LogoutButton组件,则可以在任何地方重复

我正在创建一个使用react的Web应用程序。我有一个主
App.js
文件作为主组件。然后我有一个子组件,它具有创建按钮的函数。例如,我有一个
renderLogoutButton()
,其中包含徽标、文本等

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


感谢所有的帮助;提前感谢。:)

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


这还将缩小
应用程序组件的大小和复杂性,这一点更可取。

是否使用节点?是;我正在使用nodeGoogle进行“节点导入导出”,您应该已经准备好了。