리엑트 useState 관련 무한루프 질문있습니다!!

Question

array에 새로운 데이터를 추가하려고 위의 코드를 작성했는데무한루프 어쩌구 에러가 떠요. 구글 검색해보니까 useState가 무한으로 작동되어서 그런듯해요혹시 useState 의 set 함수에다가 콜백함수를 써서 이게 에러가 나는듯 싶은데array는 콜백으로 한번만 바뀌고 그 후에 setArray적용되면 끝 아닌가요?왜 이게 무한루프가 도는거에요???

허어니 · Accepted Answer

onClick 은 함수를 실행시키는게 아니라 클릭시 콜백으로 실행시킬 함수를 받는 이벤트 핸들러입니다. 하지만 작성자님의 코드에서는 onClick 에서 바로 setState 함수를 실행시키시고 있죠 따라서 상태가 변하면서 다시 리렌더링이 일어나고 또 상태가 변하고 다시 리렌더링이 일어나는 무한 루프에 빠지게 되는겁니다.따라서 해결방법은 실행시킬 함수를 넘기는 방식을 사용하셔야 합니다. onClick&#61;{() &#61;> setArray(array &#61;> [...array, onChangeData])}로 바꿔준다면 잘 실행될거에요.

kenu,전독시 · Answer

https://okjsp.tistory.com/1165644333도움이 되면 좋겠습니다.&#34;클래스 라이프사이클 중에 componentDidMount() 뿐만 아니라 componentDidUpdate()까지 useEffect 훅에 포함되어 있어서 onLoad 상황 뿐만 아니라 화면이 바뀔 때마다 useEffect가 동작하게 됩니다. 이는 계속되는 무한 루프를 발동시킬 수 있기 때문에 사용에 주의해야 합니다.이에 관련된 유트브 영상도 많이 있어 공유합니다.https://www.youtube.com/results?search_query&#61;useeffect&#43;infinite&#43;loop &#34;

리엑트 useState 관련 무한루프 질문있습니다!!

2개의 답변

#array 목록