useState 사용 시 렌더링 될 때마다 다른 배열 날아가는 현상

Question

안녕하세용 선배님들 ㅠㅠuseState 사용하고, 안에 있는 값이 변경 될 때마다 리렌더링이 일어나는데리렌더링이 일어날 때마다 a.push(list[i])로 넣어놨던 const a &#61; [] / a안에 있는 값들이 전부 날아가요... ㅠㅠ이거 어떻게 계속 잡고 있을 수 있을까요?

캐티 · Answer

내부적인 구현 관계상으로 변수의 대입 변경은 감지를 못 하빈다.Proxy 와 같은 구현체를 내부적으로 써야만 변경을 감지 할 수 이쩌여.Proxy - JavaScript | MDN (mozilla.org)그렇다면 대입을 하지 않는 것이 가장 좋을 것 같스빈다.Array 에는 splice 함수가 있으므로 이것으로 비워주면 되겠스빈다.Array.prototype.splice() - JavaScript | MDN (mozilla.org)var a&#61;[1,2,3,4]; a.splice(0); console.log(a); > []

나구네 · Answer

recoil

charlatan · Answer

useRef 또는 useMemo를 사용해보세요.

페코옹 · Answer

useref 사용하시길

useState 사용 시 렌더링 될 때마다 다른 배열 날아가는 현상

4개의 답변

Q&A 목록