최대 업데이트 수준을 초과했습니다. React는 무한 루프를 방지하기 위해 중첩 업데이트 수를 제한합니다. 질문

Question

반응 테이블 라이브러리를 사용하려고 하는데 이 문제가 발생했는데 어떻게 해결해야 할지 모르겠습니다.

잡히지 않은 오류: 최대 업데이트 수준을 초과했습니다. 이는 구성 요소가 구성 요소WillUpdate 또는 구성 요소DidUpdate에서 setState를 반복적으로 호출할 때 발생할 수 있습니다. React는 무한 루프를 방지하기 위해 중첩 업데이트 수를 제한합니다.

으아아아

나는 이것을 시도하고 있다:

export const GetProducts=async()=>{
    try {
        const response=await axios({
            url:`${baseUrl}/products`,
            method:"GET"
          })

          // console.log(response.data.products)
          return await response.data.products
    } catch (error) {
        console.log(error.response)
    }
}

Answer 1

서버에서 "데이터"를 가져오지만 해당 변수의 변경을 통해 다시 렌더링하기 때문에 Effect와 함께 무한 루프에 빠지게 됩니다. useEffect의 종속성 목록에서 "데이터"를 제거합니다.

으아아아

도움이 되길 바랍니다.

Answer 2

다음 코드를 추가하여 이 문제를 해결했습니다.

으아악