Olá, pessoal!
Eu testei usando forEach(), visto que este método percorre a lista. Mas, não renderizou na tela o resultado.
export class ListaDeNotas extends Component {
    render() {
        return (
            <ul>
                {Array.of("Trabalho", "Trabalho", "Estudos").forEach((item) => {
                    return (
                        <li>
                            <div>{item}</div>
                            <CardNota />
                        </li>
                    );
                })}
            </ul>
        );
    }
}Por que o map() funciona e forEach() não funciona, visto que estamos apenas percorrendo a lista e fazendo algo para cada item do Array?
 
            