Solucionado (ver solução)

Importante

Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!

Solucionado
(ver solução)
1
resposta

TypeError: this.state.fotos.map is not a function

Me parece igual ao exemplo exposto mas não consigo resolver....

import React, { Component } from 'react';
import FotoItem from './FotoItem';

export default class Timeline extends Component {
    constructor(){
        super();
        this.state = {fotos:[]};
    }
    componentDidMount() {
        fetch('https://instalura-api.herokuapp.com/api/public/fotos/rafael')
        .then(response => response.json)
        .then(fotos => {
            this.setState({fotos:fotos}) 
        });

    }

    render(){
        return (
        <div className="fotos container">
          {
              this.state.fotos.map(foto => <FotoItem/>)
          }
        </div>            
        );
    }
}

`

1 resposta
solução!

Encontrei o erro faltou '()' no json, indicando que o mesmo é uma função. Bobeira!

fetch('https://instalura-api.herokuapp.com/api/public/fotos/rafael')
        .then(response => response.json)
fetch('https://instalura-api.herokuapp.com/api/public/fotos/rafael')
        .then(response => response.json())