ラベルクリック時にもチェックがつくようにする

• ラベルクリック時にチェックがつくようにするには、チェックボックス にはidを、ラベルにはforに同じ値を指定してあげれば良い。

• React (jsxファイル) ではhtmlForをlabelに付与することで、同じ内容のid属性を持つ要素と関連付けられる 参考文献 external_link

UserManagement.jsx
<input
  type="checkbox" 
  id="c1"    //idにc1を指定
  checked={adminUsersContainer.isSelected('all')}　
  onClick={() => { this.handleClick('all') }}
/>

<label htmlFor="c1">    //htmlForにc1を指定
  <span className="label label-primary d-inline-block vt mt-1">All</span>
</label>

これによって、ラベルクリック時にもチェックの付け外しが適用される。