import * as React from 'react' ; import TodoItem from './todo-item' ; import { TodoListInterface } from './../interfaces' ; const TodoList = ( props ) => { return ( < div className = "todo-list" > < ul > { props . todos . map ( ( todo ) => ( < li key = { todo . id } > < TodoItem todo = { todo } handleTodoUpdate = { props . handleTodoUpdate } handleTodoRemove = { props . handleTodoRemove } handleTodoComplete = { props . handleTodoComplete } handleTodoBlur = { props . handleTodoBlur } / > < /li>))} < /ul> < /div>); } ; export default TodoList ;