问题描述
我的目标是为大型项目创建可重用的 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 (将#修改为@)