해당 정보가 화면에 나오지 않는 문제

Question

안녕하세요. 현재 react native를 이용해서 프로젝트를 진행하다가 문제가 생겨서 글을 작성하게 되었습니다.문제가 발생한 부분은 다음과 같습니다. 먼저, stores라는 변수가 있습니다. const [stores, setStores] = useState([]); 그리고 useEffect를 통해 storeIndex와 stores의 값이 변경됨에 따라 각 store의 정보를 저장하였습니다. (storeIndex는 위에 따로 설정한 코드가 있는데, 불필요한 정보라고 생각되어 생략하였습니다.) useEffect(() => { if (storeIndex) { setShopId(stores[storeIndex].shopId); setStoreName(stores[storeIndex].name); setMenus(stores[storeIndex].menu); setStamps(stores[storeIndex].stamp); setImages(stores[storeIndex].imageUrl); } }, [storeIndex, stores]);그리고 console.log(stores[storeIndex])를 통해 확인한 결과, 현재 이 stores[storeIndex]변수에는 다음과 같은 정보가 들어있습니다. LOG {"cafeImageUrl": "https://cdn-icons-png.flaticon.com/128/3563/3563996.png", "menu": ["스콘", "아이스아메리 카노"], "menuImageUrl": ["https://cdn.paris.spl.li/wp-content/uploads/2023/02/%EC%8D%B8%EB%84%A4%EC%9D%BC%EC%86%8C%EA%B8%88%EB%B2%84%ED%84%B0%EC%8A%A4%EC%BD%98_02.jpg", "123"], "name": "가나", "shopId": 3, "stamp": 0}그렇다면 다음의 코드를 실행했을 때, 에뮬레이터의 화면에 storeName가 렌더링 되어야 하는 것 아닌가요? {storeName} 현재 화면을 확인해보면 저기서 설정한 어떠한 정보도 나오지 않아서 너무 당황스럽습니다.ㅠㅠㅠ도와주세요!ㅠㅠㅜ

독고die · Answer

리액트를 잘 못하는 입장이지만 state의 storeName을 사용하려면 reander() 아래서 let {storeName} &#61; this.state; 를 선언 하고 사용하던가 아니면 this.state.storeName <<이렇게 사용하지 않나요? 부분 코드라서 더 잘 모르겠네요.저라면 일단 setStoreName(...)로 state.storeName에 값이 제대로 입력 됐는지 부터 확인해 볼 것 같아요. 제대로 들어갔다면 state사용법을 다시 봐볼 것 같구요.

해당 정보가 화면에 나오지 않는 문제

1개의 답변

Q&A 목록