Estoy tratando de validar el selector de provincias y recibir por pantalla la provincia seleccionada. No sé exactamente cómo se declaran los tipos correctamente.
import React, { useState, useEffect } from 'react'
import Select from 'react-select'
export const SearchFilterClinics = () => {
const [filterSelectClinic, setFilterSelectClinic] = useState<OptionType>(provinces[]);
type OptionType = {
value: string;
label: string;
};
const provinces: OptionType[] = [
{ label: 'Alava/Araba', value: 'Alava/Araba'}
{ label: 'Barcelona', value: 'Barcelona'}
{ label: 'Madrid', value: 'Madrid'}
]
const handleChangeSelect = (province: <OptionType>) =>{
console.log(province)
setFilterSelectClinic(province);
}
useEffect (() => {
fetchClinicList();
}, []);
return (
<>
<div>
<h1>Encuentra tu clínica</h1>
</div>
<div>
<Select
value={filterSelectClinic}
options = {provinces}
onChange = {(province) => handleChangeSelect(province)}
/>
<div>RESULTADO</div>
{filterSelectClinic}
</div>
</>
)
}