anchor.diff:                <h4 className="modal-title" id="myModalLabel">Edit {this.props.name}</h4>
               </div>
               <div className="modal-body" ref="edit">
  -              {this.state.edit}
               </div>
               <div className="modal-footer">
                 <button type="button" className="btn btn-default" data-dismiss="modal">Close</button>
  
positive.code: 
        <div className="panel-default">
          <div className="panel-heading">
            <h3 className="panel-title">{this.props.name} ( {this.state.edit} ) {m}
              <button type="button" className="btn btn-link" onClick={this.showEdit}>
                Edit 
              </button>
  
negative.code:   },
    showEdit() {
      var s = Cookies.get("session");
      var d1 = $.get( config.api + s + "/program/" + this.props.uid)
      var d2 = $.get( config.api + s + "/courses/") 
      var d3 = $.get( config.api + s + "/users/") 
      
      $.when(d1, d2, d3).done(function(program,courses,users) {
        this.setState({'courses':courses[0].response, 'users':users[0].response, 'program':program[0].response});
        $(this.refs.modal).modal();
      }.bind(this));
  
    },
    render: function() {
      console.log(this.state.users);
      console.log(this.state.courses);
      console.log(this.state.program);
      return (
      <div>
        <div className="modal fade" ref="modal"  tabIndex="-1" role="dialog">
  