todos 를 rendering 하는 컴포넌트

todos.js

import React, { PropTypes } from 'react';

/**
 * Define React Presentational Component Todos
 */
const Todos = ({todos, onToggle }) => {
    return (
        <ul>
            {todos.map((todo) => (
                <li
                    key={todo.id}
                    onClick={() => onToggle(todo.id)}
                    style={{textDecoration: todo.completed ? 'line-through' : 'none'}}>
                    {todo.text}
                </li>
            ))}
        </ul>
    );
};

export default Todos;