4주차 숙제 | 스파르타 커뮤니티

커뮤니티

포인트

쿠폰

내 강의실

국비 신청 내역

증명서

계정

로그아웃

학습 질문

개발 일지

나의 활동

답변 완료

4주차 숙제

[왕초보] 나만의 수익성 앱, 앱개발 종합반

4주차

홍*경

・

추천

・

조회수

답변 완료

* 겪고 있는 문제 상황을 최대한 자세하게 작성해주세요.

* 문제 해결을 위해 어떤 시도를 해보았는지 구체적으로 함께 알려주세요.

숙제할 때 코드를 넣었는데 꿀팁 찜 버튼을 누르면 이런 에러가 뜨고 뒤로 가니까 하얀화면만 나오네요...

작성한 코드 및 에러

likepage.js

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

import {ScrollView, Text, StyleSheet} 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([])

useEffect(()=>{

navigation.setOptions({

title:'꿀팁 찜'

})

getLike()

},[])

const getLike = async () => {

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();

setTip(tip)

})

}

return (

{

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

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

})

}

</ScrollView>

)

}

const styles = StyleSheet.create({

container:{

backgroundColor:"#fff"

}

})

에러

TypeError: undefined is not a function (near '...tip.map...')

This error is located at:

in LikePage (created by SceneView)

in StaticContainer

in EnsureSingleNavigator (created by SceneView)

in SceneView (created by CardContainer)

in RCTView (created by View)

in View (created by CardContainer)

in RCTView (created by View)

in View (created by CardContainer)

in RCTView (created by View)

in View

in CardSheet (created by Card)

in RCTView (created by View)

in View (created by AnimatedComponent)

in AnimatedComponent

in AnimatedComponentWrapper (created by PanGestureHandler)

in PanGestureHandler (created by PanGestureHandler)

in PanGestureHandler (created by Card)

in RCTView (created by View)

in View (created by AnimatedComponent)

in AnimatedComponent

in AnimatedComponentWrapper (created by Card)

in RCTView (created by View)

in View (created by Card)

in Card (created by CardContainer)

in CardContainer (created by CardStack)

in RNSScreen (created by AnimatedComponent)

in AnimatedComponent

in AnimatedComponentWrapper (created by InnerScreen)

in Suspender (created by Freeze)

in Suspense (created by Freeze)

in Freeze (created by DelayedFreeze)

in DelayedFreeze (created by InnerScreen)

in InnerScreen (created by Screen)

in Screen (created by MaybeScreen)

in MaybeScreen (created by CardStack)

in RNSScreenContainer (created by ScreenContainer)

in ScreenContainer (created by MaybeScreenContainer)

in MaybeScreenContainer (created by CardStack)

in RCTView (created by View)

in View (created by Background)

in Background (created by CardStack)

in CardStack (created by HeaderShownContext)

in RNCSafeAreaProvider (created by SafeAreaProvider)

in SafeAreaProvider (created by SafeAreaInsetsContext)

in SafeAreaProviderCompat (created by StackView)

in RNGestureHandlerRootView (created by GestureHandlerRootView)

in GestureHandlerRootView (created by StackView)

in StackView (created by StackNavigator)

in PreventRemoveProvider (created by NavigationContent)

in NavigationContent

in Unknown (created by StackNavigator)

in StackNavigator (created by StackNavigator)

in StackNavigator (created by App)

in EnsureSingleNavigator

in BaseNavigationContainer

in ThemeProvider

in NavigationContainerInner (created by App)

in App (created by withDevTools(App))

in withDevTools(App)

in RCTView (created by View)

in View (created by AppContainer)

in RCTView (created by View)

in View (created by AppContainer)

in AppContainer

in main(RootComponent)

at node_modules\react-native\Libraries\Core\ExceptionsManager.js:null in reportException

at node_modules\react-native\Libraries\Core\ExceptionsManager.js:null in handleException

at node_modules\react-native\Libraries\Core\ReactFiberErrorDialog.js:null in showErrorDialog

at node_modules\react-native\Libraries\Renderer\implementations\ReactNativeRenderer-dev.js:null in logCapturedError

at node_modules\react-native\Libraries\Renderer\implementations\ReactNativeRenderer-dev.js:null in update.callback

at node_modules\react-native\Libraries\Renderer\implementations\ReactNativeRenderer-dev.js:null in callCallback

at node_modules\react-native\Libraries\Renderer\implementations\ReactNativeRenderer-dev.js:null in commitUpdateQueue

at node_modules\react-native\Libraries\Renderer\implementations\ReactNativeRenderer-dev.js:null in commitLayoutEffectOnFiber

at node_modules\react-native\Libraries\Renderer\implementations\ReactNativeRenderer-dev.js:null in commitLayoutMountEffects_complete

at node_modules\react-native\Libraries\Renderer\implementations\ReactNativeRenderer-dev.js:null in commitLayoutEffects_begin

at node_modules\react-native\Libraries\Renderer\implementations\ReactNativeRenderer-dev.js:null in commitLayoutEffects

at node_modules\react-native\Libraries\Renderer\implementations\ReactNativeRenderer-dev.js:null in commitRootImpl

at node_modules\react-native\Libraries\Renderer\implementations\ReactNativeRenderer-dev.js:null in commitRoot

at node_modules\react-native\Libraries\Renderer\implementations\ReactNativeRenderer-dev.js:null in performSyncWorkOnRoot

at node_modules\react-native\Libraries\Renderer\implementations\ReactNativeRenderer-dev.js:null in flushSyncCallbacks

at node_modules\react-native\Libraries\Renderer\implementations\ReactNativeRenderer-dev.js:null in flushSyncCallbacksOnlyInLegacyMode

at node_modules\react-native\Libraries\Renderer\implementations\ReactNativeRenderer-dev.js:null in scheduleUpdateOnFiber

at node_modules\react-native\Libraries\Renderer\implementations\ReactNativeRenderer-dev.js:null in dispatchSetState

at node_modules\promise\setimmediate\core.js:null in tryCallOne

at node_modules\promise\setimmediate\core.js:null in setImmediate$argument_0

at node_modules\react-native\Libraries\Core\Timers\JSTimers.js:null in _allocateCallback$argument_0

at node_modules\react-native\Libraries\Core\Timers\JSTimers.js:null in _callTimer

at node_modules\react-native\Libraries\Core\Timers\JSTimers.js:null in _callReactNativeMicrotasksPass

at node_modules\react-native\Libraries\Core\Timers\JSTimers.js:null in callReactNativeMicrotasks

at node_modules\react-native\Libraries\BatchedBridge\MessageQueue.js:null in __callReactNativeMicrotasks

at node_modules\react-native\Libraries\BatchedBridge\MessageQueue.js:null in __guard$argument_0

at node_modules\react-native\Libraries\BatchedBridge\MessageQueue.js:null in __guard

at node_modules\react-native\Libraries\BatchedBridge\MessageQueue.js:null in flushedQueue

[Unhandled promise rejection: TypeError: undefined is not a function (near '...tip.map...')]

at node_modules\react-native\Libraries\Renderer\implementations\ReactNativeRenderer-dev.js:null in renderWithHooks

at node_modules\react-native\Libraries\Renderer\implementations\ReactNativeRenderer-dev.js:null in updateFunctionComponent

at node_modules\react-native\Libraries\Renderer\implementations\ReactNativeRenderer-dev.js:null in beginWork$1

at node_modules\react-native\Libraries\Renderer\implementations\ReactNativeRenderer-dev.js:null in performUnitOfWork

at node_modules\react-native\Libraries\Renderer\implementations\ReactNativeRenderer-dev.js:null in workLoopSync

at node_modules\react-native\Libraries\Renderer\implementations\ReactNativeRenderer-dev.js:null in renderRootSync