Boa Tarde,

Durante o andamento da aula me surgiu uma duvida sobre o codigo abaixo:

class ListaDeNotas extends Component {
    render() {
        return (
            <ul>
                {Array.of('Trabalho', 'Trabalho', 'Estudos').map(
                    (categoria, indice) => {
                        return (
                            <li key={indice}>
                                <div>{categoria}</div>
                                <CardNota />
                            </li>
                        );
                    }
                )}
            </ul>
        );
    }
}

Segundo o developer.mozilla, o método map retornaria um array, porém, no codigo acima, o retorno não é dado dentro de um array. Me bati um pouco pra entender, porém ainda não consegui.