this.refs is an empty object, although it should be set
<p>I have a react component which is rendering a t-comb-form. The form seems to render alright.</p>

<pre><code>return (
  &lt;form className="modal-body-form"
              autoCorrect="off"
              autoCapitalize="none"
              autoComplete="off"
              formMethod="post"
              onSubmit={function(e) {e.preventDefault();}}
            &gt;
     &lt;Form ref="form"
                onChange={this.onFormChange}
                type={eventSchema.struct}
                value={this.state.rawItem}
                options={eventSchema.options}/&gt;
  &lt;/form&gt;
);
</code></pre>

<p>But in the method "onFormChange" I want to call <code>this.refs.form.getValue()</code> which is usually working. But this time this.refs is an empty object. Any idea why it is empty?</p>

<pre><code>onFormChange: function (rawValue) {
    var modified = false;

    modified = isDataEqual(this.state.itemStoreState.selectedItem || {}, rawValue) === false;

    this.setState({
      rawItem: rawValue,
      modified: modified
    });

    this.refs.form.getValue(); // will automatically trigger the form validation 
}
</code></pre>

<p>as an info. I am using react 0.13.3 with the old createClass syntax. So the this should be correctly bound</p>