Eu preciso de uma lógica que exiba um <Text>
dizendo que não há itens quando o produtosArr.filter()
fica vazio (ou quando o filtro não me retorna nada).
<List.Subheader>Vencimento próximo</List.Subheader>
{this.state.produtosArr.filter(r => {
const diff = dateDiffInDays(Date.parse(r.data_vencimento.replace(/-/g, "/")), Date.now());
if (diff >= -7 && diff < 0) {
return true;
}
return false;
}).map(r => <>
<List.Item
title={r.nome_produto}
description={"Vencimento em " + dateDiffInDays(Date.now(), Date.parse(r.data_vencimento.replace(/-/g, "/"))) + " dias"}
left={props => <List.Icon {...props} icon="box" />}
/>
</>)}
Quando o this.state.produtosArr.filter
não retorna nada, simplesmente a lista fica vazia, e não quero isso, quero mostrar uma mensagem dizendo que não há itens nessa lista.
Como faço isso?