在 React class 组件中使用 typescript generic 将 props 连接到 state

Question

我有没有办法让 state 类型取决于传入的道具类型？

type FooProps = {
  allItems: any[]
}
type FooState = {
  items: any[]
}
export default class Foo extends React.Component<FooProps, FooState> {

Answer 1

你试过了吗？

interface FooProps<T> {
    allItems: T[]
}

interface FooState<T> {
    items: T[]
}

export default class Foo<T> extends React.Component<FooProps<T>, FooState<T>> {}