반응형 fetch1 리액트 공통API 분리시키기 vocabulary 어플리케이션 만들었을 때 여러 컴포넌트에서 통신을 해야하는 로직이 공통이여서 커스텀 훅을 이용해서 useFetch를 만들었었다. //DayList.jsx function DayList() { const [dayList, setDayList] = useState([]) useEffect(() => { fetch('http://localhost:3003/days') .then(res => { return res.json() }).then(data => setDayList(data)) }, []) ... 요런식으롱? useEffect에 렌더링이 될 때마다 fetch를 했다. days안에 있는 data를 응답받아서 setDayList에 넣었다. [공통으로 만든 useFetch] //useFe.. 2022. 11. 4. 이전 1 다음 728x90 반응형