Opa, estou com este problema no meu codigo o qual não estou conseguindo solucionar, segue abaixo o meu codigo espero que possam me ajudar!!!
Dados mocados:
"AulasAdicionais": [
{
"Periodo": "1",
"HorarioInicio": "2021-01-19T07:30:00-0300",
"HorarioTermino": "2021-01-19T08:30:00-0300",
"IdDisciplina": "396",
"DescricaoDisciplina": "Matemática",
"DescricaoReduzidaDisciplina": "Mat",
"DescricaoTurno": "Manhã",
"IdEstabelecimento": "43",
"DescricaoEstabelecimento": "Colégio Correio Lima",
"TipoSituacaoHorario": "Normal"
}
]
Meu service
export interface IAulasAdicionais {
Periodo: string;
HorarioInicio: string;
HorarioTermino: string;
IdDisciplina: string;
DescricaoDisciplina: string;
DescricaoReduzidaDisciplina: string;
DescricaoTurno: string;
IdEstabelecimento: string;
DescricaoEstabelecimento: string;
TipoSituacaoHorario: string;
}
export interface IAgendaAulas {
AulasAdicionais: IAulasAdicionais[];
}
const getAgendaAulas = async (dataAula: string ) : Promise<IAgendaAulas[] | undefined> => {
try {
const { data } = await Api().get<IAgendaAulas[]>(
`/agenda-aulas?DataAula=${dataAula}`
);
if (data) {
return data;
} else {
return undefined;
}
} catch (error) {
return undefined;
}
};
Este e meu TSX:
interface IAgendasAulasProps {
aulasAdicionais: IAulasAdicionais[];
}
export const AulasAdicionaisRecuperacao: React.FC<IAgendasAulasProps> = ({
aulasAdicionais,
}) => {
const classes = useStyles();
const [aulaAdicionais, setAulasAdicionais] = useState<
IAulasAdicionais[]
>();
useEffect(() => {
AgendaTurmaService.getAgendaAulas(aulasAdicionais "O problema está aqui" ).then((data) => {
if (data) {
setAulasAdicionais(data "e aqui");
} else {
setAulasAdicionais([]);
}
});
}, [aulasAdicionais]);
{aulaAdicionais?.map((horario, horarioIndex) => (
<>
<Grid container spacing={2} key={horarioIndex}>
<Grid item lg={2}>
<Box margin={1}>
<Paper className={classes.root}>
<Box marginTop={2} marginLeft={1}>
<ClassIcon color="primary" style={{ fontSize: 90 }} />
<Box display="flex" marginTop={-10} marginLeft={12}>
<Typography>{horario?.DescricaoDisciplina}</Typography>
</Box>
</Box>
</Paper>
</Box>
</Grid>
</Grid>
</>
))}
vou postar um print do que está ocorrendo para facilitar o entendimento
getAgendaAulas
devolve um objeto com a propriedadedata
que é um array do tipoIAgendaAulas
, Depois, está a passar esse valordata
para uma funçãosetAulasAdicionais
que recebe um array do tipoIAulasAdicionas
como argumento.setAulasAdicionais
).setAulasAdicionais(data);
parasetAulasAdicionais(data.AulasAdicionais);
. Quanto aogetAgendaAulas
, não sei ao certo quais as necessidades da implementação mas penso que exista algum erro na definição da função, pois ela espera que o argumento seja do tipostring
.