如何组织从自己的React库中导出的组件

Question

我一直在开发可以在我的React项目中重用的组件库。如何将这些组件按相关功能分组导出，以使使用我的库的项目的相应import语句如下所示？

import { Select1, Select2 } from 'myLib/Selects';
import { Button1, Button2 } from 'myLib/Buttons';
import { List1, List2 } from 'myLib/Lists';

Answer 1

// Selects.js
export {
  Select1,
  Select2
}

// Buttons.js
export {
  Button1,
  Button2
}

// Lists.js
export {
  List1,
  List2
}