Alternativa D - sections
A propriedade sections é a responsável por receber o array estruturado que organiza os dados em grupos distintos dentro do componente SectionList do React Native.
## Análise Técnica
Para utilizar o SectionList, é necessário passar um array de objetos para a prop sections. Cada objeto neste array representa uma seção e deve conter pelo menos as seguintes propriedades internas:
- title: O texto que será exibido no cabeçalho da seção.
- data: Um array contendo os itens específicos daquela seção.
- renderItem: Uma função obrigatória para definir como cada item será renderizado.
- renderSectionHeader: Uma função opcional para personalizar o cabeçalho.
A estrutura de dados esperada segue este padrão:
const sections = [
{
title: 'Primeira Seção',
data: ['Item 1', 'Item 2']
},
{
title: 'Segunda Seção',
data: ['Item 3', 'Item 4']
}
];
## Por que as outras alternativas não são a resposta?
Embora sejam propriedades importantes do componente, elas não definem a estrutura dos dados e o agrupamento:
- renderItem: Define apenas o layout visual de cada elemento individual (ex: uma
View ou Text). - renderSectionHeader: Define apenas a aparência do título da seção, não os dados em si.
- keyExtractor: É uma função auxiliar para identificar chaves únicas de forma eficiente durante a renderização, mas não armazena os dados.
- data: Esta propriedade é utilizada diretamente no componente
FlatList, que não suporta agrupamento por seções nativamente da mesma forma que o SectionList.
Portanto, a propriedade que define a organização hierárquica (seções contendo dados) é sections.