기능적 구성요소 React - 상태를 업데이트하면 전체 페이지가 다시 렌더링됩니다.

Question

미리 도움을 주셔서 진심으로 감사드립니다. loadDataFunction()에서 percentageDone 상태를 업데이트할 때 실제로는 RenderData1Component 이러면 안 돼. data1이 변경될 때만 업데이트하면 안 되나요?

다음과 같은 코드가 있습니다.

const [loading, setLoading] = useState(true);
  const [data1, setData1] = useState(null);
  const [percentageDone, setPercentageDone] = useState(0);


  로드데이터함수(){
    // 하나의 Promise에서 여러 API(10개가 있다고 가정)를 호출하고 각 API가 완료되면 setPercentageDone()을 호출합니다.
  }
  useEffect( () => {
     로드데이터함수()
  },[])
  useEffect( () => {
     if (조건 만족) {
       LoadDataFunction() // 최신 데이터를 다시 로드합니다.
     }
  }, [상태])

  반품 (
    로드 중 ? 완료됨
            : <RenderData1Component 데이터={data1}>
  )

percentageDone<data1 상태가 업데이트될 때만 를 업데이트하고 싶습니다. /코드>. 하지만 setPercentageDone()을 업데이트할 때마다 의 재렌더링도 트리거됩니다.

Answer 1

잘 모르겠지만 도움이 될 것 같습니다.

으아악

여러 조건을 제시하여 문제가 발생할 수 있습니다. 이것도 확인해 보세요.