presentation-as-prop.js

const Container = React.createClass({
  componentDidMount() {
    const success = (notifications) => {
      this.setState({
        notifications: notifications,
      });
    };

    $.ajax({
      url: '/notifications',
      dataType: 'json',
      success: success,
    });
  },

  onMarkAsRead(id) {
    // some mark as read logic
  },
  
  render() {
    const Component = this.props.component;
    
    return (
      <Component
        notifications={this.state.notifications}
        onMarkAsRead={this.onMarkAsRead}
      />
    );
  },
});

const Presentation = React.createClass({
  renderNotification({notification}) {
    const { id, date, message } = notification;

    return (
      <div>
        <span>{message} — {date}</span>
        <button onClick={this.props.onMarkAsRead.bind(null, id)}>Mark as Read</button>
      </div>
    );
  },

  render() {
    return <div>{this.props.notifications.map(renderNotification)}</div>;
  },
});

const App = React.createClass({
  render() {
    return <Container
      component={Presentation}
    />
  },
});