Firebase_ DB에 data넣고 받아오기

firebase의 Cloud Firestore를 DB로 사용.

 

 

firebase/firesotre을 import.

firebase.firestore()을 export.

 

---

firestore.collection의 add메서드를 사용하여

사용자가 입력하여 제출한 값을 firestore에 더해준다.

 

 

  dbservice.collection('콜렉션이름').add({  

nweet: nweet(state의 값으로 사용자가 입력한 값을 받아옴)}

 

---

get메서드를 사용하여 firestore에서 정보를 가져온다.

get은 promise API이므로 비동기처리를 해주어야한다.

  firebase.firestore( ).collection('콜렉션이름').get( );  

을 콘솔에 찍어보면 이상한 모습의 객체를 반환하는 것을 확인할 수 있다.

그 이유는 get의 반환값이 QuerySnapshot이라는 이상한 녀석이기 때문.

링크를 타고들어가보면 forEach메서드를 사용할 수 있고,

forEach메서드에서 data메서드가 사용가능하다.

forEach가 받아오는 인자 QueryDocumentSnapshots에 대한 공식문서 설명:
A QueryDocumentSnapshot contains data read from a document in your Firestore database as part of a query.

 

nweetObject 에 data뿐만아니라 id값도 추가한 객체로 받아온다.

setNweets의 인자에는 데이터말고 함수를 받을 수도 있다.

함수를 받을 땐 인자값으로 이전 state값을 받는다.