현재 Firebase와 React를 병행으로 하여 블로그를 만들고 있습니다
Firebase에 연결은 됬는데. Json형태의 데이터 값을 받아와져서 Map에다가 넣을수가없습니다.
비슷한 상황이나 해결법 아시는분 알려주세요
아래 코드를 참고해보시기 바랍니다.
constructor(props) { super(props); this.state = { posts: [] } } componentDidMount() { const FirebaseOnce = firebase.database().ref("/post"); FirebaseOnce.orderByValue().once("value", function(data) { this.setState({posts:data.val()}); }); } render(){ if(this.state.posts.length > 0){ return ( <div> {this.state.posts.map( post => <div>{post.title}</div> )} </div> ) }else{ return (<div>가져오는 중..</div>) } }
아래 코드를 참고해보시기 바랍니다.