Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

Erro na Timeline,js

meu código onde esta dando o erro

const TimelineContainer = connect(mapStateToProps, mapDispatchToProps)(Timeline);

export default TimelineContainer<-----esta dando erro aqui.

erro

 75 | const TimelineContainer = connect(mapStateToProps, mapDispatchToProps)(Timeline);
  76 | 
> 77 | export default TimelineContainer
     | ^
1 resposta
solução!

Oi Vinicius, tudo bom?

Você tem a mensagem de erro pra compartilhar aqui com a gente?

Ele indica erro de sintaxe?

Seu arquivo Timeline.js está exatamente assim:

import React, { Component } from 'react';
import FotoItem from './Foto';
import ReactCSSTransitionGroup from 'react/lib/ReactCSSTransitionGroup';
import TimelineApi from '../logicas/TimelineApi';
import {connect} from 'react-redux';

class Timeline extends Component {

    constructor(props){
      super(props);      
      this.login = this.props.login;      
    }

    carregaFotos(){  
      let urlPerfil;

      if(this.login === undefined) {
        urlPerfil = `http://localhost:8080/api/fotos?X-AUTH-TOKEN=${localStorage.getItem('auth-token')}`;
      } else {
        urlPerfil = `http://localhost:8080/api/public/fotos/${this.login}`;
      } 

      this.props.lista(urlPerfil);                  
    }

    componentDidMount(){
      this.carregaFotos();
    }

    componentWillReceiveProps(nextProps){
      if(nextProps.login !== this.login){          
        this.login = nextProps.login;
        this.carregaFotos();
      }
    }

    render(){        
        return (
        <div className="fotos container">
        <ReactCSSTransitionGroup
          transitionName="timeline"
          transitionEnterTimeout={500}
          transitionLeaveTimeout={300}>
            {
              this.props.fotos.map(foto => <FotoItem key={foto.id} foto={foto} like={this.props.like} comenta={this.props.comenta}/>)
            }               
        </ReactCSSTransitionGroup>        

        </div>            
        );
    }
}

const mapStateToProps = state => {
  return {fotos : state.timeline}
};

const mapDispatchToProps = dispatch => {
  return {
    like : (fotoId) => {
      dispatch(TimelineApi.like(fotoId));
    },
    comenta : (fotoId,textoComentario) => {
      dispatch(TimelineApi.comenta(fotoId,textoComentario))
    },
    lista : (urlPerfil) => {
      dispatch(TimelineApi.lista(urlPerfil));      
    }

  }
}

const TimelineContainer = connect(mapStateToProps,mapDispatchToProps)(Timeline);

export default TimelineContainer

As vezes dando uma conferida você consegue encontrar alguma diferença.

Esse arquivo foi consultado no projeto pronto desse capitulo