- 하나의 부모 Dom 트리 구조로 이루어져야함
/*
가능
*/
function test() {
return(
<div>
<div>할룽</div>
<div>할룽2</div>
</div>
)
}
/*
불가능
*/
function test2() {
return(
<div>할룽</div>
<div>할룽2</div>
)
}
- html에 클래스 선언할 떄는 className
function test() {
return (
<div className="test">
<div>할룽</div>
<div>할룽2</div>
</div>
);
}
- 변수를 html 넣을 떄는 {중괄호} 사용
function test() {
let name2 = "할룽";
return (
<div className="test">
<div>{name2}</div>
<div>할룽2</div>
</div>
);
}
- html style 속성 넣을 떄는 style ={} 이렇게
<div style=> 글씨 </div>