>  Q&A  >  본문

javascript - 반응 데이터를 요청하기 위해 가져오기를 사용하는 방법에 대한 질문

오늘 React 프로젝트의 인터페이스 데이터를 개선하기 위해 fetch를 사용했을 때 어려운 문제에 직면했습니다.
비즈니스 논리는 먼저 사용자의 신원을 확인한 다음 해당 인터페이스를 표시하는 것입니다.
하지만 가져오기는 비동기적으로 데이터를 가져오고 결과가 나타나는데, 페이지가 먼저 렌더링된 다음 데이터를 다시 요청한 다음(데이터 요청이 페이지 렌더링보다 느림) 상태를 통해 페이지의 표시 상태가 변경됩니다.
이렇게 페이지에 인터페이스가 표시되고 1~2초 후에 상태가 바뀌고 인터페이스가 다시 바뀌므로 사용자 경험이 매우 좋지 않습니다. 해결책이 있나요?
먼저 데이터를 승인한 다음 판단을 완료하고 인터페이스를 렌더링하는 것이 가장 좋습니다.

phpcn_u1582phpcn_u15822710일 전489

모든 응답(3)나는 대답할 것이다

  • PHP中文网

    PHP中文网2017-05-18 11:02:17

    이것은 실제로 매우 간단합니다. 렌더링 반환 시 삼항 연산자를 수행합니다. 데이터가 획득되었는지 확인합니다.

    으아악

    또 다른 아이디어는 render에 fetch를 작성하고 fetch의 콜백에 반환 템플릿을 넣어 데이터를 얻은 다음 렌더링하는 것입니다. 아직 테스트하지는 않았지만 가능할 것입니다.
    내 답변이 문제를 해결했다고 생각하시면
    采纳答案
    를 클릭하세요. 궁금한 점이 있으면 댓글 영역에 문의하세요.

    회신하다
    0
  • 高洛峰

    高洛峰2017-05-18 11:02:17

    로딩 프롬프트 상자를 받으세요.
    페이지를 렌더링하기 전에 데이터 요청이 완료될 때까지 기다리세요

    회신하다
    0
  • 迷茫

    迷茫2017-05-18 11:02:17

    사용자의 신원 상태를 먼저 localStorage에 저장하고 처음으로 localStorage에서 가져옵니다

    회신하다
    0
  • 취소회신하다