Use typescript generic to connect props to state in React class component

Question

Is there a way for me to make the state type depend on the prop type passed in?

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

Answer 1

Have you tried it?

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

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

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