리액트 요소 관련 질문

Question

3분쯤에 모든 리액트 요소의 type 속성값이 문자열이어야 실제 돔으로 만들어진다고 하셨는데, Title 컴포넌트를 렌더링을 하여 생성된 객체의 type 속성 값이 p로 되는 이유가 따로 있나요? 혹시 다른 컴포넌트들도 렌더링이 되어 생성된 리액트 요소의 값이 type 속성값이 p로 반영 되는 것인가요? 그리고 6분 쯤 두 번째 가상돔에서 type 속성값이 Title인 리액트 요소도 다시 문자열 값으로 변경된 후에 이전 가상 돔과 비교하는 것인가요?

이재승 · Answer

안녕하세요 > Title 컴포넌트를 렌더링을 하여 생성된 객체의 type 속성 값이 p로 되는 이유가 따로 있나요? Title 컴포넌트에서 p 요소를 반환하기 때문입니다 (렌더링 결과가 p 요소) > 그리고 6분 쯤 두 번째 가상돔에서 type 속성값이 Title인 리액트 요소도 다시 문자열 값으로 변경된 후에 이전 가상 돔과 비교하는 것인가요? 리액트는 내부적으로 여러가지 최적화를 시도합니다. 그 과정에서 생략할 수 있는 단계는 생략할 수 있습니다. 리액트 내부 동작은 계속 발전하면서 변하므로 구현 디테일에 너무 신경쓸 필요는 없을 것 같습니다. 다만 개념적으로는 모두 문자열 값으로 변경된 상태로 비교한다고 이해하셔도 무리는 없습니다.