잡히지 않은 TypeError: Promise에서 정의되지 않은('img1' 읽기) 속성을 읽을 수 없습니다.

Question

react.js를 사용하고 있습니다

비동기 함수 배너(소품) {
  const 응답 = axios.get(`${apiUrl}/assets/get`)을 기다립니다.

  반품 (
    <주 콘텐츠
      텍스트={response.text}
      img1={props.img1 ? props.img1 : response.data.img1}
      img2={props.img2 ? props.img2 : response.data.img2}
    />
  );
}

이 오류는 "async"가 존재할 때만 발생합니다

Answer 1

useEffect Hook에서 비동기 API 호출을 래핑하고 렌더링 함수에서 해당 상태를 사용할 수 있도록 데이터를 상태에 저장해야 합니다. 테스트가 없는 샘플 코드는 다음과 같습니다.

으아악