React에서 렌더링 후 인라인 스타일은 어디에 저장됩니까

Question

예 : 저는 2 개의 구성 요소가 있습니다. 구성 요소 1에는 인라인 스타일이 있습니다. 구성 요소 2는 CSS 파일의 스타일을 사용합니다. 두 구성 요소가 같은 렌더링에서 동시에 화면에 표시됩니다.

React가 생성하는 인라인 스타일의 CSS가 DOM의 같은 위치에 CSS 파일의 스타일로 저장되어 있습니까?

인라인 스타일을 가진 구성 요소가 DOM에서 제거 될 때 React에 의해 생성 된 스타일이 해당 위치에서 제거 되었습니까? 당신이 말하는 "인라인 스타일"때 나는 믿고있어

Answer 1

,이 의미 :

이 경우

<span style={{ color: 'red' }}>Hello, World!</span> 

은, 스타일은 CSS에 게양되어 있지 않습니다. 그것은 html의 일부로 렌더링됩니다. 결과는 다음과 같습니다.

<span style="color: red;">Hello, World!</span>