维护可重用的打字稿 UI 组件

问题描述

我的目标是为大型项目创建可重用的 UI 组件库。这个项目的设计师已经建立了一个设计模式,我知道将来其他人(新应用程序)将不得不遵循这些相同的模式。团队希望尽可能使用 react+typescript。

目前的计划是使用 storybook+TS 之类的东西构建这些 UI 模式,然后在我们的应用程序中重用它们。

作为 TS 的初学者,我很难理解它是如何工作的。根据我对 TS 的短暂体验,我知道当我创建一个组件并为其分配 props 时,我会指定 prop 类型,并且这些类型与我的应用程序的内容相匹配。

例如,当考虑在我们的自定义库中创建“列表组”时。在我们当前的 TS 应用程序中,我们传递了一个与我们的应用程序相关的类型的 items 数组,因此该组件具有与我们发送的类型完全匹配的 props。毕竟这就是使用 TS 的好处。从这里我的问题:

如何使用更抽象的组件?我只能想象使用 lile any 类型的东西来描述内容,但这感觉与使用 TS 的点背道而驰。这个过程有正常的工作流程吗?我找不到关于 react+UILib+TS+storybook 的这种特定用法的好文章

欢迎提供任何提示或 ELI5。

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)