커뮤니티
포인트
쿠폰
내 강의실
국비 신청 내역
증명서
계정
로그아웃
학습 질문
개발 일지
나의 활동
답변 대기중
찜해제버튼누르면 삭제완료메세지는 뜬는데 꿀팁 찜 목록에서 사라지지 않아요;; 왜그럴까요?
[왕초보] 나만의 수익성 앱, 앱개발 종합반
4주차
북마크
이*정
댓글
3
추천
1
조회수
38
조회수
38
답변 대기중

라이크페이지.js코드

import React,{useState,useEffect} from 'react';

import { StyleSheet, Text, View, Image, ScrollView,TouchableOpacity,Alert,Share } from 'react-native';

import LikeCard from '../components/LikeCard';

import Card from '../components/Card';

import * as Application from 'expo-application';

const isIOS = Platform.OS === 'ios';

import {firebase_db} from "../firebaseConfig"


export default function LikePage({navigation,route}) {

   

   

    const [tip, setTip] = useState([])

    const [ready,setReady] = useState(true)


    useEffect(()=>{

        navigation.setOptions({

            title:'꿀팁 찜'

        })

        getlike()

    },[])

    const getlike = async () => {

       

        // like 방 안에

        // 특정 사용자 방안에

        // 특정 찜 데이터 아이디 방안에

        // 특정 찜 데이터 몽땅 저장!

        // 찜 데이터 방 > 사용자 방 > 어떤 찜인지 아이디

        let userUniqueId;

        if(isIOS){

        let iosId = await Application.getIosIdForVendorAsync();

            userUniqueId = iosId

        }else{

            userUniqueId = await Application.androidId

        }


        console.log(userUniqueId)

        firebase_db.ref('/like/'+userUniqueId).once('value').then((snapshot) => {

            console.log("파이어베이스에서 데이터 가져왔습니다!!")

            let tip = snapshot.val();

         

            let tip_list = Object.values(tip)

            if(tip_list && tip_list.length > 0){

                setTip(tip_list)

                setReady(false)

            }

         })

    }

   

    return (

        // ScrollView에서의 flex 숫자는 의미가 없습니다. 정확히 보여지는 화면을 몇등분 하지 않고

        // 화면에 넣은 컨텐츠를 모두 보여주려 스크롤 기능이 존재하기 때문입니다.

        // 여기선 내부의 컨텐츠들 영역을 결정짓기 위해서 height 값과 margin,padding 값을 적절히 잘 이용해야 합니다.

        <ScrollView style={styles.container}>

            {

               tip.map((content,i)=>{

                   return(<LikeCard key={i} content={content} navigation={navigation} tip={tip} setTip={setTip}/>)

               })

           }

        </ScrollView>

   

    )

}


const styles = StyleSheet.create({

    container:{

        backgroundColor:"white"

   

    }

})

취소
 공유
취소
댓글 0
댓글 알림
나의얼굴