title: Using onBlur with JSX and React
body: <p>I am trying to create a password confirmation feature that renders an error only after a user leaves the confirmation field. I'm working with Facebook's React JS. This is my input component:</p>
  
  <pre><code>&lt;input
      type="password"
      placeholder="Password (confirm)"
      valueLink={this.linkState('password2')}
      onBlur={this.renderPasswordConfirmError()}
   /&gt;
  </code></pre>
  
  <p>This is renderPasswordConfirmError :</p>
  
  <pre><code>renderPasswordConfirmError: function() {
    if (this.state.password !== this.state.password2) {
      return (
        &lt;div&gt;
          &lt;label className="error"&gt;Please enter the same password again.&lt;/label&gt;
        &lt;/div&gt;
      );
    }  
    return null;
  },
  </code></pre>
  
  <p>When I run the page the message is not displayed when conflicting passwords are entered. </p>