Exercícios
Para fixar o conteúdo, vamos resolver alguns exercícios.
Exercício 1
Faça uma tela que renderize uma lista de cidades. O componente deve receber um array de cidades como propriedade. A lista deve ser renderizada em um elemento ul
. Cada item da lista deve ser renderizado em um elemento li
. As cidades iniciais devem ser:
[
'São Paulo',
'Rio de Janeiro',
'Belo Horizonte',
'Salvador',
'Fortaleza',
'Curitiba',
'Manaus',
'Recife',
'Porto Alegre',
'Brasília',
];
Exercício 2
Usando o mesmo Array do exercício anterior, deve ser renderizada uma lista deve ser renderizada em ordem alfabética. A lista deve ser renderizada em um elemento ul
. Cada item da lista deve ser renderizado em um elemento li
. Dica: para ordenar um array, você pode usar o método sort
do array, preferencialmente em uma propriedade computada.