Javascript 使用父组件包导入子组件包

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

import Parent from 'Parent';

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

从“父项”导入父项；
或

我应该如何构造包以便我可以这样做？另外，我该怎么称呼这种结构呢？

答案在后面

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>
  );
}

函数子函数（）{
这是一个孩子
}
函数父函数（）{
return这是一个父对象
}
Parent.Child=Child；//将子函数指定为父函数的属性
函数App（）{
返回(
);
}

@Jayce444我想接受答案。你能把它作为答案贴出来吗？好的，完成了。@InyoungKim是的，有一个选项，我会把它添加到我的答案中