redux-webpack-es6-boilerplate

Version:

A starter project for modern React apps with Redux

github.com/nicksp/redux-webpack-es6-boilerplate

33 lines (28 loc) • 674 B

JavaScript

import React, { Component, PropTypes } from 'react';

import FriendListItem from '../FriendListItem';
import './FriendList.scss';

export default class FriendList extends Component {
  static propTypes = {
    actions: PropTypes.object.isRequired,
    friends: PropTypes.array.isRequired
  };

  renderList() {
    return this.props.friends.map((friend) =>
      (
        <FriendListItem
          key={friend.id}
          id={friend.id}
          name={friend.name}
          starred={friend.starred}
          {...this.props.actions} />
      )
    );
  }

  render() {
    return (
      <ul className="friendList">
        {this.renderList()}
      </ul>
    );
  }
}