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

标签 javascript reactjs export react-component

我正在创建一个使用 React 的 Web 应用程序。我有一个作为主要组件的主 App.js 文件。然后我有一个具有创建按钮功能的子组件。例如,我有一个包含 Logo 、文本等的 renderLogoutButton()

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

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

最佳答案

如果您将 renderLogoutButton 代码移至单独的 LogoutButton 组件,则可以在任意位置重复使用该组件,而无需重复代码。

这还会缩小 App 组件的大小和复杂性,这是更可取的。

关于javascript - React 组件中的导出和导入函数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50687483/

相关文章:

javascript - 使用 Window.print 打印 HTML 页面

javascript - 无法读取 Angular js中的属性

javascript - 如何兼顾 appcache.manifest、manifest.json 和 serviceworkers?

javascript - 切换路由时 React Router Kepps css

c# - 如何在 Visual Studio 2012 中导出类库

Javascript 说数字不在数组中?

javascript - ReactJS 和 'this'

javascript - 数组中数组的正确组件树在更改时重新渲染

linux - 如何从 DVD 驱动器运行 1 .sh,从硬盘运行 2nd .sh?

html - 更改 HTML 导出到 Word 的边距