Por que em BaseComponents foi usada arrow function para retornar o JSX e em HomeScreen foi usado uma function pádrão?
Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
Por que em BaseComponents foi usada arrow function para retornar o JSX e em HomeScreen foi usado uma function pádrão?
Oi Thiago, tudo bem?
A diferença entre a arrow function e a function padrão não é apenas sintática, mas também de comportamento.
As arrow functions foram introduzidas no ES6 com algumas diferenças-chave em relação às funções normais:
Por exemplo, uma função normal seria:
function minhaFuncao(a, b) {
return a + b;
}
A mesma função como uma arrow function seria:
const minhaFuncao = (a, b) => a + b;
No caso do seu código, a escolha entre arrow function e function padrão pode não fazer muita diferença. No entanto, se você estiver trabalhando com funções que usam "this", a escolha entre arrow function e function padrão pode ser crucial.
No caso do BaseComponents, a arrow function foi usada para retornar o JSX provavelmente por sua sintaxe mais curta e clara. No caso do HomeScreen, a function padrão pode ter sido usada por uma questão de estilo de programação do autor ou por necessidade de usar "this" de uma certa maneira.
Um abraço e bons estudos.