首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
您找到你想要的搜索结果了吗?
是的
没有找到

在 TS 中如何减少重复代码

下面我们来继续看另一个例子,假设你已经定义 State(代表整个应用程序的状态)和 TopNavState(只代表部分应用程序的状态)两个接口: interface State { userId: string; pageTitle...string; recentFiles: string[]; pageContents: string; } interface TopNavState { userId: string; pageTitle...为了减少重复代码,我们可以这样做: type TopNavState = { userId: State['userId']; pageTitle: State['pageTitle'];...针对这个问题,我们可以利用映射类型来进一步做优化: type TopNavState = { [k in 'userId' | 'pageTitle' | 'recentFiles']: State...其实是有的,我们可以利用 TypeScript 团队为我们开发者提供的工具类型,这里我们可以使用 Pick: type TopNavState = Pick< State, 'userId' | 'pageTitle

2.2K40
领券