[React] Props의 기본값은 True

Props에 어떤 값도 넘기지 않을 경우, 기본값은 true이다.

<MyHTML hello />
<MyHTML hello={true} />

▶ 두 JSX 표현은 동일한 표현

 

※ 일반적으로 ES6 object shorthand와 헷갈릴 수 있기에 prop에 대한 값을 전달하지 않는 것을 권장하지 않는다.

{foo}는 {foo: true}가 아닌 {foo: foo}와 동일하다. → 이는 HTML 동작 방식과 일치하기 위해 남겨둔 것이라고 한다.