reactjs - 设置值时反应不一致？(is react inconsistent when setting values?)

Question

Confused as to why the first case works but the second case doesn't:

(对于第一种情况为何有效但第二种情况无效的原因感到困惑：)

this.state{hidden:true}

case 1:

(情况1：)

return (
    <div>
      <input type = 'checkbox' id = "boldCheckbox" hidden={this.state.hidden} 
                     checked={this.state.checked} onChange={this.checkbox.bind(this)} />
    </div>
);

case 2:

(情况2：)

return (
    <div>
      <input type = 'checkbox' id = "boldCheckbox" hidden='true' 
                     checked={this.state.checked} onChange={this.checkbox.bind(this)} />
    </div>
);

in case 1 the input is hidden but in case 2 it isn't.

(在情况1中，输入是隐藏的，但在情况2中，则不是。)

  ask by DCR translate from so

Answer 1

字符串与布尔值不同

  <input type = 'checkbox' id = "boldCheckbox" hidden={true}