Reactjs 组件库-显示索引

我正在构建一个可重用react组件的存储库，这些组件将在几个内部项目之间共享。 我想有一个索引文件，将用于显示在一个单一的页面上的所有组件，如演示

关于如何在保持索引自动/通用的同时进行索引，是否有最佳实践或建议？（这样新创建的组件也会自动添加到索引网页）

如何使用该项目作为您的UI开发环境

故事书 Storybook是UI组件的UI开发环境。使用它，您可以可视化UI组件的不同状态，并以交互方式开发它们

Storybook在你的应用程序之外运行。因此，您可以独立开发UI组件，而不必担心特定于应用程序的依赖关系和需求

开始

npm i -g @storybook/cli
cd my-react-app
getstorybook

---

有一个很好的工具来原型化和展示组件。仅仅自动添加它们并不能很好地工作，因为大多数组件都需要一些样本数据或道具来提供。它们应该如何自动生成？我对此不熟悉。谢谢