首页 > 解决方案 > 这叫什么出口形式?导出默认名称({...})(类)

问题描述

我正在查看看起来像这样的 Reactjs 代码..

export default authenticatedApplication ({

  // a very long code

})(App);

这叫什么形式?export default name({...})(Class)我什至不知道谷歌是什么。我能找到的最接近的是这个解释,但没有相关代码的形式。

标签: javascriptreactjs

解决方案


任何编程都是关于组装编程语言的各个部分来做你想做的事。你不能看着一大堆代码然后想“哦,这是一个空白”。您必须查看各个部分以及它们如何协同工作。

所以分解一下:

  • authenticatedApplication是一个包含函数的变量
  • authenticatedApplication({})调用该函数并传递一个参数
  • authenticatedApplication({})(App)获取调用该函数的返回值(必须是另一个函数)并调用它(将其App作为参数传递)
  • export default authenticatedApplication({})()获取该函数的返回值并使其成为模块的默认导出

我能找到的最接近的是这个解释,但没有相关代码的形式。

MDN 文档确实有这种形式:

export default expression;

推荐阅读