React

이보다 더 쉬울수 없다. 자식에서 부모로 데이터 넘겨주는 방법!! 1분이면 완성.

엘리먼트에 onClick에서 바로 setState 값 저장했더니 위와 같은 에러 발생.원인은 onClick 이벤트 핸들러에 함수 호출을 직접 전달한 것 때문입니다. 이렇게 하면 컴포넌트가 렌더링될 때마다 함수가 즉시 실행됩니다. 이를 해결하려면 onClick 이벤트 핸

수많은 유저 정보를 user라는 하나의 객체로 전달하려던 중에iterable instance 에러가 발생하였습니다.user 정보를 받고, setState로 관리되고 있는 토글로 변경되는 활성/비활성 상태만 따로 저장하려던 상황이었습니다.코드는 아래와 같습니다.handl

react 개발을 하다보면 활성/비활성 토글을 빠르게 연속하여 클릭 시 값이 제대로 저장되지 않은 적이 있지 않으신가요?보통 이렇게 onClick 이나 onChange 이벤트로 useState를 활용하여 값을 업데이트 해주게 되는데요이렇게 하게 되면 위에 말한 이슈들이

설명 input만 수정가능한 코드 작성 중 이런 에러가 떴습니다. 에러메세지는 아래와 같습니다.A component is changing a controlled input to be uncontrolled. This is likely caused by the value

기존에 각 컴포넌트 마다 set 함수로 특정 store의 상태를 reset 해주는 코드를 초기화 해주는 하나의 함수를 정의하여 사용할 수 있을 것 같아 코드를 개선해보기로 했습니다.개선한 내용은 다음과 같습니다.1\. 상태를 초기화 해주는 reset 함수 추가2\. 상

퍼플렉시티의 경우 출처 모두 표시 버튼을 클릭하면 출처 레이어가 770px 이상일 때는 채팅 화면 우측 레이어로 나타나고, 770px 이하일 때는 바텀시트로 나타납니다.제가 만들고 있는 채팅 화면에서도 위와 같은 출처 레이어를 적용하면서 반응형 처리를 해주려고 합니다.