How do I replace any below with options's object shape below?
interface selectComponentProps {
options: {
label: string;
value: string;
}[];
}
const SelectComponent: React.FC<selectComponentProps> = ({
options,
}) => {
const handleChange = (selectedOption: any) => { //here
};
return (
<Select
options={options}
/>
);
};
You can extract the model for a single option to a separate interface:
interface selectComponentProps {
options: selectComponentPropsOption[];
}
interface selectComponentPropsOption {
label: string;
value: string;
}
Then you can replace any with selectComponentPropsOption.
Option 1.
const handleChange = (selectedOption: typeof options[0]) => { //here
};
Option 2.
interface Option {
label: string;
value: string;
}
interface selectComponentProps {
options: Option[];
}
const handleChange = (selectedOption: Option) => { //here
};