Firebase Realtime DB를 Redux에 저장하기

1. Firebase Realtime DB에서 값 불러와 Redux 전역변수로 저장하기

데이터는 수동으로 미리 저장해 두었다.

alias를 이용해 데이터를 불러올 것이기 때문에 다음과 같이 설정했다.

  const { id } = useParams();
  const dispatch = useDispatch();
  const db = useRealtimeDB({ alias: id });

  useEffect(() => {
    dispatch(updateWeddingData(db));
  }, [id]);

미리 설정해 둔 Redux Slice에 내 데이터가 dispatch된다.

 

2. Redux 전역변수를 불러오기

const dbData = useSelector((state) => state.wedding);

이와 같은 방식으로 전역변수를 불러왔다.

다만 현재 프로젝트에는 이 방식이 맞지 않는 것 같아서 고민 중이다.