devlog_zz

[ setState() 호출 후 상태가 바로 업데이트 되지 않는 이슈 ] 1. setState() 후 값을 바로 API body 에 넣어서 보낼 때 2. 연속적으로 setState를 호출할 때 react로 개발하면서 이와 같은 이슈를 경험한 적이 있다. setState()는 비동기 setState() 호출은 비동기적으로 이뤄지기 때문에 setState호출 직후 새로운 값이 반영되지 않는다. 리액트 엘리먼트 트리와 전달받은 state가 적용된 엘리먼트 트리를 비교하는 작업을 거치고 최종적으로 변경된 부분만 DOM에 적용된다. React는 컴포넌트가 리렌더링될 때까지 값을 갱신하지 않기 때문이다. setState는 이벤트 핸들러 내에서 비동기적이기 때문에 react는 브라우저 이벤트가 끝날 시점에 state..

react 에서 setNewChkPwd하고 그 값과 비교를 하려고 했는데 set하고 바로 비교가 안됨 -> event.target.value 값으로 입력한 값과 비교 const isPwdSame = (pwd:string) => { setNewChkPwd(pwd) return newPwd === pwd ? setIsSame(true) : setIsSame(false) } ... isPwdSame(e.target.value)}/> {newChkPwd.length>0 && !isSame && 비밀번호가 동일하지 않습니다. }

too many re-renders. react limits the number of renders to prevent an infinite loop 에러 발생 기존 onClick={ changeFilter } 해결 onClick={()=>changeFilter(column)}

React setState나 setContext 로 내부에 있는 속성을 수정할 때, arr.status = 1 setArr(arr) (X) arr.status++ (X) setArr(status+1) logisticsInfo.plans[idx].status+=1 (X) let newPlan = logisticsInfo.plans.map((p, i)=>{ if(i==idx){ if(status === -1){ p.status = -1 } } return p }) setData(newPlan)