gistfile1.html

    render: function() {
      var channel = getChannel("changed:score");

      var inputs = _.map(this.props.end_scores, function(es) {
        var channelScore = comp(channel, withId(es.id), value("score"));
        var classes = cx({
          'end-hammer': es.isHammer,
        });
            
        return (
          <td className={classes}>
            <input
              className="string optional form-control score"
              type="text" 
              maxLength="1"
              max="8"
              tabIndex={es.tabindex}
              autofocus="autofocus"
              defaultValue={es.score} 
              onBlur={channelScore} />
          </td>
        )
      });

      return (
        <tr>
          <td className={this.props.color+"-rock"}>
            <b>{this.props.team} {this.props.first_hammer && "*"}</b>
          </td>
          {inputs}
          <td>{this.props.total}</td>
        </tr>
      )
    }