레옹개발
292
2021-11-06 18:25:13 작성 2021-11-06 18:25:53 수정됨
0
74

데이터 loading 시점 질문입니다.



import imgLoding from 'imgLoding.js'   // 로딩 애니메이션

this.state = {
       data : []  
       loading: false
}

axios.get(API_URL)
  .then(res => {
       this.setState({ 
              loading : true,
              data : res.data 
       })
}

render() {
       return (
              {
              !this.state.loading && (
                 <imgLoading />                   // false이면 로딩 애니메이션
              )}

              <p>{ this.state.data } </p>               // 데이터 출력
) }

현재 API 통신이 성공하면 로딩 이미지가 나오고 있습니다. 


이렇게 되면 엄청 짧은 로딩 애니메이션이 나오게 됩니다.


요구사항은 데이터 로딩이 다 되기 전까지 로딩 애니메이션을 넣고 싶습니다.


이런 경우 어떤 식으로 해야할까요?

0
  • 답변 0

  • 로그인을 하시면 답변을 등록할 수 있습니다.