javascript - 导出可导入的模块，如 Grid 和 Grid.Item

Question

我希望能够像这样使用两个组件:

<Grid>
  <Grid.Item>A</Grid.Item>
  <Grid.Item>B</Grid.Item>
</Grid>

我如何导出这些组件以便像上面那样导入？

Answer 1

这正是 Grid 从 react-semantic-ui 包中导出的方式

const myComponent = () => // code
const mySubComponent1 = () => // code
const mySubComponent2 = () => // code

myComponent.mySubComponent1 = mySubComponent1;
myComponent.mySubComponent2 = mySubComponent2;

export default myComponent;