如何将复选框状态设置为关闭？

Question

在我的浏览器（react console）中，只要选中或取消选中我的复选框，我的状态就会更改为true或false。更新表单后，该值默认为on。不是很重要，但是......如果取消选中该复选框，您可以显示off或其他内容吗？基于react docs：

  

请注意，复选框对其value属性有一个特殊的行为，如果选中该复选框，则该值将在表单提交时发送（默认为on）。选中或取消选中复选框时，不会更新value属性。对于复选框，您应该使用checkedLink而不是valueLink：

我的代码是这样的：

getInitialState: function() {
    return {
     remote_support: this.props.data.remote_support, // this defaults to "on"
     isChecked: this.props.data.remote_support == "on" ? false : true
   }
 },

 onClick: function(event) {
   this.setState({isChecked: !event.target.checked, remote_support: !event.target.checked});
 },

return 
  <div>
   <input type="checkbox" name="support[remote_support]" id="support_remote_support"
     onChange={this.onClick}
     checked={!this.state.isChecked}
     /> Remote
  </div>

我尝试使用<input type="checkbox" checkedLink={this.linkState('booleanValue')}但收到linkState错误消息。