Na transcrição do capítulo existem dois erros

O primeiro coloca ; antes do .then da promise e passa o requestInfo como parâmetro do getItem ,

fetch(`http://localhost:8080/api/fotos/${this.props.foto.id}/comenta?X-AUTH-TOKEN=${localStorage.getItem('auth-token',requestInfo)}`);

e o correto é assim como outro parâmetro do fetch

fetch(`http://localhost:8080/api/fotos/${this.props.foto.id}/comment?X-AUTH-TOKEN=${localStorage.getItem('auth-token')}`, requestInfo)

O segundo é para alterar o this.props.foto para this.state.foto,

<ul className="foto-info-comentarios">
        {
            this.state.foto.comentarios.map(comentario => {
            return (
                <li className="comentario" key={comentario.id}>
                <Link to={`/timeline/${comentario.login}`} className="foto-info-autor">{comentario.login} </Link>
                {comentario.texto}
                </li>
            );
            })
        }
</ul>

Porém o correto é somente this.state,

<ul className="foto-info-comentarios">
        {
            this.state.comentarios.map(comentario => {
                return (
                    <li className="comentario" key={comentario.id}>
                    <Link to={`/timeline/${comentario.login}`} className="foto-info-autor">{comentario.login}</Link>
                        {comentario.texto}
                    </li>
                );
            })
        }
</ul>

Não são erros muito graves, porém perdi muito tempo com isso e postei para tentar evitar que mais alguém perca esse tempo.