react에서 api를 연동하는 시점에 대해 문의합니다!

Question

안녕하세요. 현재 리액트로 프론트엔드 개발을 진행하고 있습니다. Python으로 스크래핑한 데이터를 axios로 받아와서 zustand으로 store에 저장한 뒤, 화면에 렌더링하는 작업을 하고 있습니다. 총 4개 (A, B, C, 홈) 페이지로 구성되어 있고, 현재 B 페이지에서 api통신 후 store에 저장하고 있습니다. C페이지에서는 B페이지에서 받아온 데이터를 chart.js로 보여주려고 하는데, 이 경우 사용자가 B페이지가 아닌 C페이지를 먼저 누르게 되면 데이터를 받아올 수 없어 문제가 됩니다.보통 이런 경우에는 api 호출을 어느 시점에 하고, 데이터를 store에 저장해야할 지 고민되어 문의 남깁니다. 모든 데이터들을 사이트 초기 렌더링 시에 받아와야 하는 것일까요?감사합니다!

kenu,전독시 · Answer

B페이지에서 받아온 데이터를 localStorage 에 저장하면 되지 않을까 생각됩니다.

codezzzz · Answer

c페이지 접속할떄 b페이지 데이터가 없으면 b 데이터 호출하면 되는 문제 아닐가요!?

react에서 api를 연동하는 시점에 대해 문의합니다!

2개의 답변

Q&A 목록