reactSample-1.js

var Poll = React.createClass({
  getInitialState: function() {
    return {
      question: {
        title: ''
      }
    }
  },
  componentDidMount: function(data) {
    $.get('/yourDataURL/' + this.props.id, function(data) {
      if ( this.isMounted() ) {
        this.setState(data);
      };
    }.bind(this))
  },
  render: function() {
    return (
      <div>
        <h1>{this.state.question.title}</h1>
      </div>
    );
  }
});

reactSample-2.js

var Poll = React.createClass({
  getInitialState: function() {
    return {
      question: {
        title: ''
      },
      avatar: '/img/default.png',
      options: {
        showingAvatar: true
      }
    }
  },
  componentDidMount: function(data) {
    $.get('/yourDataURL/' + this.props.id, function(data) {
      if ( this.isMounted() ) {
        this.setState(data);
      };
    }.bind(this))
  },
  render: function() {
    return (
      <div>
        <PollHeader title={this.state.question.title} avatar={this.state.options.showingAvatar && this.state.avatar}/>
      </div>
    );
  }
});

var PollHeader = React.createClass({
  render: function() {
    var avatar = '';
    if (this.props.avatar) {
      avatar = '<img src="' + this.props.avatar + '" />';
    }
    return (
      <div>
        {avatar}
        <h1>{this.props.title}</h1>
      </div>
    );
  }
});