React 에서 { } 를 쓰는이유?

리액트에서는 변수는 중괄호로 묶어줘야합니다.

나머지 중괄호 하나를 쓰는이유는 object 타입이기 때문입니다.

style ={{}} 이와 같이 중괄호가 두번 들어가는 것이 있는데 이유는 무엇일까요?

 

이해하기 위해 

즉, 풀어쓰면 이런 뜻입니다.(밑 코드참조)

const style2={
	backgroundColor: blue
}
render(){
	return(
    	<div style={style2}>
        	hello world 
        </div>
    );
}

 

위의 코드를 봤을 때 style2을 변수니까 중괄호로 한 번 묶어주었고, 저 style1이 곧 위에서 backgroundColor로 쓰여있다보니 이를 처음 코드처럼 풀어쓰게 되면 중괄호로 한 번 더 묶어주는 것입니다.

 

<결론> 

바깥쪽 중괄호 : 변수 묶어주는것

안쪽 중괄호 : object 타입