Pass type of array element to function

Question

I have a React component that takes an array of any type e.g.

type Props = {
  options: any[];
  renderItem: (any, i) => ReactNode
}

How do I edit the types such that the type of the first argument of renderItem is the element type of the options array?

CertainPerformance · Accepted Answer · 2022-03-24 04:14:14Z

1

Make the whole type generic. Something like:

type Props<T extends unknown> = {
  options: T[];
  renderItem: (value: T, i: number) => ReactNode
}

answered Mar 24, 2022 at 4:14

CertainPerformance

373k55 gold badges354 silver badges359 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

sdfsdf Over a year ago

Can TS derive the type of T automatically or do you have to explicitly mention the type?

CertainPerformance Over a year ago

I think you have to explicitly note it, but I'm not 100% sure if there might sometimes be a way around it.

sdfsdf Over a year ago

I was hoping there'd be a solution where you could pass the options array argument and renderItem would automatically know the type of the options array

Collectives™ on Stack Overflow

Pass type of array element to function

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related