gistfile1.js

// Component is a collection of links that have a viewing and editing state. 

var Link = React.createClass({
  mixins: [React.addons.LinkedStateMixin],
  getInitialState: function() {
    return {
      title: this.props.title, // Copy props to state so we can use LinkedStateMixin. This feels like a hack.
      description: this.props.description
    };
  },
  editing: function() {
    this.setState({
      editing: true
    });
  },
  render: function() {
    var editing = (
      <form>
        <input type="text" valueLink={this.linkState('title')} />
        <input type="text" valueLink={this.linkState('description')} />
      </form>
    );

    var viewing = (
      <div>
        <h3>{this.state.title}</h3>
        <p>{this.state.description}</p>
      </div>
    );

    return (
      <div>
        {this.state.editing ? editing : viewing }
      </div>
    );
  }
});

var Links = React.createClass({
  render: function () {
    return (
      {this.props.links.map(function(link) {
        return (
          <Link {...link} /> // Pass title and description as props using spread attributes. 
        );
      }, this)}
    );
  }
});

var links = [{title: 'title', description: 'description'}, etc]
React.renderComponent({links: links}, this);