State3 react TextField setState 이후 바뀌지 않을 때 (재렌더링 안됨) 에러 내용 react의 material ui의 TextField에서 setState를 해도 관련된 요소가 변경되지 않습니다. 에러 원인 컴포넌트의 prop이나 state가 변경되면 React는 새로 반환된 엘리먼트를 이전에 렌더링 된 엘리먼트와 비교해서 실제 DOM 업데이트가 필요한지 여부를 결정합니다. 같지 않을 경우 React는 DOM을 업데이트합니다. -react 공식 홈페이지- react는 setState로 인해 요소를 업데이트를 해야 할 때 성능최적화를 위해 virtual DOM을 사용합니다. 이는 state가 바뀐 전과 후의 요소를 비교하여 다른 부분을 부분적으로 제렌더링 합니다. 그런데 이러한 "비교"할 때 그리 엄격하게 비교하지 않습니다. state를 직접적인 텍스트로 사용하거나 map을 .. 2023. 2. 15. props vs. state 2 (그리고 this) 전 포스팅에 조금 설명이 부족한 부분이 있어서 한번 더 말해보겠습니다.. State는 private 하다. state는 private 합니다. state를 변경할 수 있는 건 오직 자기 자신의 Component 뿐입니다. 그렇다면 일반적으로 쓰이는 setState를 props로 자식에게 넘겨주어 부모 state를 변경하는 건 어떻게 받아들여야 될까요? props state 부모 Component에 의해 변경되는가? O X 그 Component 안에서 변경되는가? X O 자식 Component 안에서 변경되는가? O X 다음 표와 같이 state는 자식 Component안에서 변경이 되지 않는다고 하였는데, setState로 부모 Component의 state를 변경하는 경우는 어떻게 설명할까요? 그것은 .. 2021. 3. 27. Props vs. State React에는 두 가지 데이터 “모델”인 props와 state가 있습니다. 이 둘 사이의 차이점을 이해하는 것이 중요합니다. -React 공식 문서 (React로 사고하기)- Component란 Props와 State에 대한 차이점을 이야기하기 전에 component가 무엇인지 살펴보자. component에 대한 programminng적 지식 말고, state와 props를 이해하기 위한 관점으로 말이다. component의 주된 역할은 raw data를 풍부한 표현의 HTML로 변환하는 것이다. 수학적인 관점에서는, component를 raw data를 input으로 받고 적절한 HTML을 ouput으로 출력하는 하나의 함수라고도 볼 수 있다. 좀 더 전문적인 용어로 정의하자면, props와 stat.. 2021. 3. 25. 이전 1 다음
