Questions

Answer the following questions to check what you have learned in this chapter:

1. The snippet of the following component renders options and one can be selected:

   type Props<TOption> = {

     options: TOption[];

     value: string;

     label: string;

   };

   export function Select({

     options,

     value,

     label,

   }: Props<TOption>) {

     return ...

   }

The following TypeScript error is raised on the component props parameter though: Cannot find name ‘TOption’. What is the problem?

2. The value and label props from the component in question 1 should only be set to a property name in the options value. What type can we give value and label so that TypeScript includes them in its type checking?
3. A prop called option has been added to the Select component from the previous question as follows:

   type Props<TOption> = {

     ...,

     option: ReactNode;

   };

   export function Select<...