pd-todos-page.js

class TodosPage extends React.Component {
  state = {
    todos: [
      { id: 1, desc: 'Check email', completed: false },
      { id: 2, desc: 'Write blog post', completed: false },
    ],
    user: { name: 'John', canDelete: true },
  };

  handleDelete = todo => {
    const todos = this.state.todos.filter(t => t.id !== todo.id);
    this.setState({ todos });
  };

  render() {
    const { todos, user } = this.state;
    return (
      <div>
        <TodoList
          todos={todos}
          onDelete={this.handleDelete}
          canDelete={user.canDelete}
        />
      </div>
    );
  }
}