step7 start

step1-06/final/src/components/TodoHeader.tsx

@@ -1,6 +1,11 @@
 import React from 'react';
 
 export class TodoHeader extends React.Component<any, any> {
+  constructor(props) {
+    super(props);
+    this.state = { labelInput: '' };
+  }
+  
   render() {
     const { filter } = this.props;
 

step1-06/final/src/components/TodoList.tsx

@@ -11,7 +11,7 @@ export class TodoList extends React.Component<any, any> {
     return (
       <ul className="todos">
         {filteredTodos.map(id => (
-          <TodoListItem key={id} {...todos[id]} />
+          <TodoListItem key={id} id={id} {...todos[id]} />
         ))}
       </ul>
     );