Olá.
Neste vídeo, começamos a conhecer o atom e o hook useRecoilValue. Durante a refatoração dos componentes Calendario e ListaDeEventos, notei que eles são tipados utilizando um tal de React.FC. Olhando por cima, parece ser uma tipagem para function components, mas não me lembro de ter visto isso em cursos anteriores (a gente só tipava as props, geralmente utilizando uma interface).
Exemplo:
const ListaDeEventos: React.FC<{
aoAlterarStatus: (id: number) => void,
aoDeletarEvento: (id: number) => void,
aoFiltroAplicado: (data: Date | null) => void }> = ({ aoDeletarEvento, aoAlterarStatus, aoFiltroAplicado }) => {
//...
}
Por favor, gostaria de saber quando devo utilizar o React.FC. Existe alguma vantagem de tipar um componente dessa forma?
Obrigado.