Olá, amigos.
Estou me baseando nesse curso pra treinar e montar meu próprio clone (no caso, um do twitter)
Tudo estava ocorrendo bem, porém. Faço autenticação e retorno a timeline com dados do meu usuário e os tweets de quem ele segue. O problema surge quando eu repasso esses tweets para meu componente timeline.
Explicando minha estrutura: Eu tenho um componente APP, que faz as chamadas para recuperar a timeline e a repassa pra meus outros componentes USERINFO, que mostra os dados do usuário, e a TIMELINE, que imprime os tweets de sua timeline.
render() {
return (
<div className="page">
<Userbox timeline={this.state.timeline}/>
<div className="timeline-wrapper">
<TweetCreation />
<Timeline timeline={this.state.timeline}/>
</div>
</div>
);
}
Porém, quando esses dados vão pra timeline, o console aparece com duas entradas, uma com 'underfined' e a outra com os dados que eu chamei. Como o React lê o underfined antes o programa lança uma exceção assim que ele tentar executar o map. Abaixo uma screen pra mostrar o que ocorre. Essa linha é apenas mostrando o avatar do usuário logado, como teste.
import React, {Component} from 'react';
export default class Timeline extends Component {
constructor(){
super();
}
render(){
return(
<div className="timeline">
{
console.log(this.props.timeline.caminhoAvatar)
}
<Tweet />
</div>
);
}
}
Sinceramente não sei mais o que posso fazer. :(