Reactjs 如何使用used'显示复选框的状态;linkState';在我的书里?

Reactjs 如何使用used'显示复选框的状态;linkState';在我的书里?,reactjs,Reactjs,我想使用linkState作为复选框,但我发现无法恢复状态并显示它: var Item = React.createClass({ mixins: [React.addons.LinkedStateMixin], getInitialState: function() { return { ok: true } }, render: function() { return ( <div> <input

我想使用
linkState
作为复选框,但我发现无法恢复状态并显示它:

var Item = React.createClass({
  mixins: [React.addons.LinkedStateMixin],
  getInitialState: function() {
    return {
      ok: true
    }
  },
  render: function() {
     return (
     <div>
       <input type="checkbox" checkedLink={this.linkState('ok')} />
       Is it OK: [{this.state.ok}]
       </div>
     )
  }
});
React.render(<Item />, document.body);
但没有显示状态。使用
此.state.ok
显示它是否正确


现场演示:

您的主代码是正确的,实际问题在于如何调试代码

  • {true}
    呈现为
    true
  • {false}
    呈现为
要将状态拖放到组件的渲染中,我使用以下代码段:

{JSON.stringify(this.state,null,4)}

如果您有一个布尔值并希望呈现字符串表示,请执行
string(thatBoolean)
。React将始终按照您告诉它的方式呈现字符串,但对于非字符串值,存在相当多的边缘情况

Is it OK: [{this.state.ok}]
<pre>{JSON.stringify(this.state, null, 4)}</pre>