Questions
Answer the following questions to check what you have learned in this chapter:
- 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?
- The
valueandlabelprops from the component in question 1 should only be set to a property name in theoptionsvalue. What type can we givevalueandlabelso that TypeScript includes them in its type checking? - A prop called
optionhas been added to theSelectcomponent from the previous question as follows:type Props<TOption> = {...,
option: ReactNode;
};
export function Select<...
