问React，在组件事件上呈现消息的最佳方法

EN

MainLayout = React.createClass({
  render() {
    return (
      <div>

        {this.props.header}

        {this.props.notification}

        {this.props.content}

        {this.props.footer}

      </div>
    )
  }
});

SwiftNotification = React.createClass({
  getInitialState() {
    return {
      type: 'not-error',
    }
  },
  render() {
    return (
        <div className={ this.state.type + " jwlnotification container-fluid text-center"}>
          text for this....
        </div>
    )
  }
});

BandEvent = React.createClass({
  propTypes: {
    id: React.PropTypes.string.isRequired,
    name: React.PropTypes.string.isRequired,
    location: React.PropTypes.string.isRequired
  },

  inviteMembers(e) {
    e.preventDefault();

    Meteor.call('inviteMembers', this.props.id, function(error, data) {
      if (error) {
        console.log(error.reason);
      } else {
        // what do we want to do here if we are successful..
        console.log(data);

      }
    });

  },

  render() {

    let { id, name, location } = this.props;

    return (
      <li className="bandEvent" ><button className="btn btn-info btn-sm" onClick={this.inviteMembers}> Invite Members </button> {name} at {location}</li>
    )
  }
});