React/Study (2) 썸네일형 리스트형 [React] Promise 객체 [[PromiseResult]] 값 사용하기 map() 함수를 이용하여 여러번 Ajax(비동기) 요청하였는데, 그 값으로 Promise 객체가 배열에 저장되었다.이렇게 Promise 객체로 저장된 이유는 map() 함수는 각 요소에 대해 비동기 작업을 수행하고 해당 작업이 완료될 때까지 기다리지 않기 때문에 Promise 객체를 반환한다. 내가 사용해야 할 값은 [[PromiseResult]] 안에 data 값인데 이를 사용하려면 Promise가 완료될 때까지 기다려야 주는 코드를 추가해줘야 한다. API를 요청 하는 기존 코드 useEffect(() => { const getDataApi = async () => { try { const members = useSelector(selectMembers); .. [React] a태그와 Link, useNavigate()의 차이 페이지를 이동하는 HTML a태그와 react-router-dom에서 제공되는 Link 컴포넌트, useNavigate() 훅의 차이점에 대해 알아보자! 차이점 a태그 : 새로고침이 일어난다. Link, useNavigate() : 새로고침이 일어나지 않는다. 새로고침이 무슨 상관 있을까? DB에 실시간으로 값을 저장하지 않는 이상 state값이 초기화 되기 때문 사용법 npm install react-router-dom import { Link, useNavigate } from 'react-router-dom'; const navigate = useNavigate(); {/* a태그 */} Cart {/* Link */} Cart {/* useNavigate() */} navigate('/cart').. 이전 1 다음
