reactjs – TypeScript&React – 组件实现接口 – 用作类型
发布时间：2020-12-15 16:21:01 所属栏目：百科 来源：网络整理
导读：假设我有以下组件 class MyComponent extends React.ComponentIProps,IState implements MyInterface {...} 现在我想说一些变量是一个React.Component的实例,它有IProps,IState和实现MyInterface,类似于 myComponent：Component IProps,IState实现MyInterfac
|
假设我有以下组件
class MyComponent extends
React.Component<IProps,IState> implements MyInterface {...}
现在我想说一些变量是一个React.Component的实例,它有IProps,IState和实现MyInterface,类似于 myComponent：Component< IProps,IState>实现MyInterface,但这不起作用,我不明白为什么. 有人可以澄清一下吗？我刚开始使用TypeScript而无法解决这个问题.有什么可以替代呢？ 请注意： 解决方法
TypeScript提供了一种称为交集类型的东西.这允许您组合多种类型.
在你的情况下,它将是这样的： myComponent: Component<IProps,IState> & MyInterface. typescript doc 为什么这个语法？ 注意：我不知道TypeScript为什么选择这种语法,下面只是我猜测为什么我认为他们可能选择这种语法. TypeScript最有可能使用此语法而不是implements语法,因为它更接近于union类型. myComponent: Component<IProps,IState> | MyInterface 上述类型表示：对象必须是Component< IProps,IState>类型的类型.或实现MyInterface接口.对于TypeScript,类和类之间的区别非常小.类类型只不过是具有构造函数字段的接口. 而且可能是,&和|标记也用作按位AND和OR运算符. （编辑：李大同） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |