TIL 03.02 - 최종 프로젝트 4주차

realtime database

import { getDatabase, onValue, ref, set } from 'firebase/database';

onst NotiBadge = () => {
  const [isRead, setIsRead] = useState([]);
  
const database = getDatabase();
const testboolean = false
const testlist = 'testlist'
const onIsRead = () => { // 데이터 덮어 씌우기
    set(ref(database, 'list1/uid'), testboolean)
    .then(() => console.log('success1'))
    .catch(() => console.log('error'))
}
useEffect(() => {
    
    const noitref = ref(database, '/'); // 전체 데이터 -> Object
    onValue(noitref, (snapshot) => {
      const data = snapshot.val(); // 바뀐 데이터 바로 읽어줌
      console.log(data);
      setIsRead(data)
    });
    // return () => off(noitref)
  },[]);

  console.log(isRead); 
  let arrData = Object.keys(isRead).map(item => isRead[item]) // 객체 -> 배열
  console.log(arrData)

  return (
    <>
    <button onClick={onIsRead}>test</button>
    
    </>
  )
};

export default NotiBadge;