예제 코드 7.2 체크박스 정의하기

<input type="checkbox"
    name="checkboxGroup"
    value='node'
    checked={this.state.checkboxGroup['node']} ---- 상태를 checked 값으로 사용한다. 객체의 속성이나 상태 객체에 있는 속성을 사용할 수도 있다.
    onChange={this.handleCheckbox}/>
<input type="checkbox"
    name="checkboxGroup"
    value='react'
    checked={this.state.checkboxGroup['react']}
    onChange={this.handleCheckbox}/> ---- onChange에서 사용자 조작을 감지한다.
<input type="checkbox"
    name="checkboxGroup"
    value='express'
    checked={this.state.checkboxGroup.express} ---- 키가 유효한 자바스크립트 이름이면 점 표기법을 사용할 수 있다.
    onChange={this.handleCheckbox}/>
<input type="checkbox"
    name="checkboxGroup"
    value='mongodb'
    checked={this.state.checkboxGroup['mongodb']}
    onChange={this.handleCheckbox}/> ---- 생성자에서 바인딩했으므로 요소에서 바인딩하지 않았다(모든 체크박스에 적용된다).

---