React和TypeScript-组件<props＆=“” {} =“”>

Question

这段代码是什么意思？

export class App extends Component<Props & { some: string; some2: string; }>

我的意思是... ＆符号后面是什么

& { some: string; some2: string; }

Answer 1

这是路口类型。在打字稿中定义接口时，可以用分号分隔每个属性。您也可以使用逗号。没关系。

https://www.typescriptlang.org/docs/handbook/interfaces.html

Answer 2

export class App extends Component<Props & { some: string; some2: string; }>

与

没什么不同

interface SomeInterface {
    some: string;
    some2: string;
}
export class App extends Component<Props & SomeInterface>

它只是内联而不是为那一行创建新接口。