React（或者通常是 es6）是否允许别名导出？

Question

不言自明，我可以在 react/es6 中做这样的事情吗？

export function BaseContainer() {} as Container;

我正在 phone 上使用编辑器编程，无法运行测试。我也没有在 google 上找到任何与此相关的信息，所以也许这可以帮助其他人在同一条道路上

Answer 1

是的，你可以做到。

下面是可能对您有所帮助的基本示例：

const App = () => {
  return (
    <h1>I'm from app</h1>
  )
}

const App2 = () => {
  return (
    <h1>I'm from app 2</h1>
  )
}

export {
  App as MyApp,
  App2 as MyApp2
}

在这里，我将我的组件与 MyApp 名称进行了别名。

或

您还可以在导入组件时使用别名。

这是基本的示例代码：

const App = () => {
  return (
    <h1>I'm from app</h1>
  )
}

const App2 = () => {
  return (
    <h1>I'm from app 2</h1>
  )
}

export {
  App,
  App2
}

导入时您可以这样做：

imoprt {App as MyApp, App2 as MyApp2} from "/path"

对于默认导出，您无需担心别名，您可以使用任何名称导出 component 并使用任何名称导入。这是代码：

// component.js
const App = () => {
  return (
    <h1>I'm from component</h1>
  )
}

export default App;

并且在主应用程序中，您可以使用任何名称导入此组件：

// main.js
import MyComponent from "./component"

const Main = () => {
  return (
    <MyComponent />
  )
}

React（或者通常是 es6）是否允许别名导出？

Does react (or maybe es6 in general) allow aliased exports?

ecmascript-6

reactjs

或