new-react/static/components/TodoList.js

react + es6 + less + webpack + redux

import React from 'react'
import Todo from './Todo'

const TodoList = ({todos, onTodoClick}) => {
    return (
        <ul>
            {todos.map(todo => {
                return (
                    <Todo
                        key={todo.id}
                        {...todo}
                        onClick={() => onTodoClick(todo.id)}
                    />
                )
            })}
        </ul>
    )
}

export default TodoList