리액트 루트 밖에서 코드짜기

리액트 루트 밖에서 렌더할때 사용하는 포털!

리액트 루트 디브 밖에 헤더를 생성한다.

 

포털 클래스를 만들고 createPortal을 리턴한다.

createPortal은 리액트 안에 있는 것이 아니기 때문에 리액트돔에서 임포트한다.

인덱스.html에서 설정한 아이디값을 가져와서 getElementById안에 넣어준다.

const Message를 설정하여 메세지를 띄워준다.

 

***const: constant의 약자. 한번 설정하면 이 변수는 계속 유지됨. 

var의 경우 여러번 설정하면 가장 마지막에 설정된 변수로 지정되는데,

const는 첫번째 설정하면 두번째 설정은 불가능함.

리턴 Fragment 안에 포털클래스 넣어주고 출력하면~?

따란~ 이렇게 뜸!