content: import React from 'react';
  import Todo from './Todo';
  
  class TodoList extends React.Component {
      render() {
          return (
              <ul>
                  {this.props.todos.map(todo =>
                      <Todo
                          key={todo.id}
                          text={todo.text}
                          completed={todo.completed}
                          onClick={() => this.props.onTodoClick(todo.id)}/>
                  )}
              </ul>
          );
      }
  }
  
  TodoList.propTypes = {
      onTodoClick: React.PropTypes.func.isRequired,
      todos: React.PropTypes.arrayOf(React.PropTypes.shape({
          text: React.PropTypes.string.isRequired,
          completed: React.PropTypes.bool.isRequired
      }).isRequired).isRequired
  };
  
  export default TodoList;
  