javascript - 用父组件包导入子组件包

Question

我已经看到了一些使用的组件，例如下面的示例

import Parent from 'Parent';

<Parent.Child/>
...or...
<Parent>
    <Parent.Child/>
</Parent>

我应该如何构建包以便我可以做到这一点？另外我应该怎样称呼这种结构？

标签： javascriptreactjspackage

Answer 1

答案在这里。

TL;DR，父类是常规组件，子类是父类的静态属性

如果您想为功能组件执行此操作，您可以执行以下操作：

function Child() {
  return <div>this is a child</div>
}

function Parent() {
  return <div>this is a parent</div>
}

Parent.Child = Child;  // assign the child as a property of the parent function

function App() {
  return (
    <div className="App">
      <Parent/>
      <Parent.Child/>
    </div>
  );
}