假设我有以下组件 class MyComponent extends React.ComponentIProps, IState implements MyInterface {...} 现在我想说一些变量是一个React.Component的实例,它有IProps,IState和实现MyInterface,类似于 myComponent：Compo
class MyComponent extends
React.Component<IProps, IState> implements MyInterface {...}
现在我想说一些变量是一个React.Component的实例,它有IProps,IState和实现MyInterface,类似于
myComponent：Component< IProps,IState>实现MyInterface,但这不起作用,我不明白为什么.
有人可以澄清一下吗？我刚开始使用TypeScript而无法解决这个问题.有什么可以替代呢？
请注意：
myComponent：MyComponent不是我想要的答案.我想纠正我对TypeScript的误解.
在你的情况下,它将是这样的：
myComponent: Component<IProps, IState> & MyInterface.
typescript doc
为什么这个语法？
注意：我不知道TypeScript为什么选择这种语法,下面只是我猜测为什么我认为他们可能选择这种语法.
TypeScript最有可能使用此语法而不是implements语法,因为它更接近于union类型.
myComponent: Component<IProps, IState> | MyInterface
上述类型表示：对象必须是Component< IProps,IState>类型的类型.或实现MyInterface接口.对于TypeScript,类和类之间的区别非常小.类类型只不过是具有构造函数字段的接口.
而且可能是,&和|标记也用作按位AND和OR运算符.