Suponha que você precise exibir os dados de uma coleção de entidades recuperadas de um arquivo texto, com armazenamento no formato chave-valor, e o componente adotado para a visualização será o FlatList. Se o campo de identificação da entidade não seguir o padrão do FlatList, você deverá associar um método para extração da chave a qual atributo do componente?

Question

Suponha que você precise exibir os dados de uma coleção de entidades recuperadas de um arquivo texto, com armazenamento no formato chave valor, e o componente adotado para a visualização será o FlatList. Se o campo de identificação da entidade não seguir o padrão do FlatList, você deverá associar um método para extração da chave a qual atributo do componente? A) data B) keyExtractor C) style D) renderItem E) contentContainerStyle

Sapien IA · Accepted Answer

Alternativa B keyExtractor Esta questão aborda o uso do componente FlatList no framework React Native , focando na manipulação de listas de dados. Análise Técnica Quando utilizamos o FlatList para exibir coleções de dados, ele exige uma maneira única de identificar cada item para gerenciar a performance e atualizações na tela. Padrão do FlatList : Normalmente, espera se que cada item no array tenha uma propriedade chamada key ou id nativa. Problema do Enunciado : Se o formato dos dados (chave valor de um arquivo texto) não seguir esse padrão, o FlatList não conseguirá identificar os itens corretamente. Solução : O atributo keyExtractor permite definir uma função personalizada que recebe o item e retorna uma chave única (string ou número) para aquele item específico. Comportamento dos Atributos | Atributo | Função Principal | Relevância para a Questão | | : | : | : | | data | Define a lista de itens a serem exibidos. | ❌ Apenas armazena os dados, não extrai chaves. | | keyExtractor | Fornece uma função para gerar a chave única de cada item. | ✅ Correto . Resolve o problema de extração da chave. | | style | Aplica estilos visuais ao componente. | ❌ Focado em aparência, não em dados. | | renderItem | Define o layout visual de cada elemento da lista. | ❌ Renderiza o item, não gera sua chave. | | contentContainerStyle | Estiliza o contêiner interno da lista. | ❌ Focado em layout/estilo. | Portanto, para mapear um campo de identificação personalizado dentro do seu objeto de dados para a chave exigida pelo FlatList, você deve utilizar o atributo keyExtractor .

Explicação passo a passo

Análise Técnica

Comportamento dos Atributos

Mais questões de Computação

Tem outra questão de Computação?

Atributo	Função Principal	Relevância para a Questão
data	Define a lista de itens a serem exibidos.	❌ Apenas armazena os dados, não extrai chaves.
keyExtractor	Fornece uma função para gerar a chave única de cada item.	✅ Correto. Resolve o problema de extração da chave.
style	Aplica estilos visuais ao componente.	❌ Focado em aparência, não em dados.
renderItem	Define o layout visual de cada elemento da lista.	❌ Renderiza o item, não gera sua chave.
contentContainerStyle	Estiliza o contêiner interno da lista.	❌ Focado em layout/estilo.