UserList.jsx

var UserList = React.createClass({
  render() {
    return (
      <table>
        <thead>
          <tr>
            <th>Name</th>
            <th></th>
          </tr>
        </thead>
        
        <tbody>
          {this.props.users.filter(user => user.enabled).map(user => <UserRow user={user} />)}
        </tbody>
      </table>
    );
  }
});

UserRow.jsx

var UserRow = React.createClass({
  contextTypes: {
    userService: React.PropTypes.object
  },
  
  render() {
    return (
      <tr>
        <td>{this.props.user.name}</td>
        <td><button onClick={this.disable}>Disable</td>
      </tr>
    );
  },
  
  disable() {
    this.context.userService.disable(this.props.userId);
  }
});

UserView.jsx

var UserView = React.createClass({
  childContextTypes: {
    userStore: React.PropTypes.shape({
      disable: React.PropTypes.func
    })
  },
  
  getInitialState() {
    return {
      users: []
    }
  },
  
  getChildContext() {
    return {
      userStore: {
        disable: userId => 
          xhr.post(`/api/user/${userId}/disable`)
            .then(() => xhr.get(`/api/user`))
            .then(users => this.setState({ users }));
      }
    };
  },
  
  render() {
    return (
      <UserList users={this.state.users} />
    );
  }
});