microsoft/frontend-bootcamp
1
0
Fork 0
mirror of https://github.com/microsoft/frontend-bootcamp.git synced 2026-01-26 14:56:42 +08:00
Code Issues Packages Projects Releases Wiki Activity

editing begin

Browse Source
This commit is contained in:
Ken
2019-01-31 00:03:02 -08:00
parent e3e977a98d
commit 578ad8221d
9 changed files with 164 additions and 44 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
playground/src/components/TodoApp.tsx
View File

@@ -10,20 +10,22 @@ export interface TodoAppProps {
filter: FilterTypes;
add: (label: string) => void;
remove: (id: string) => void;
edit: (id: string, label: string) => void;
complete: (id: string) => void;
clear: () => void;
setFilter: (filter: FilterTypes) => void;
}
export class TodoApp extends React.Component<TodoAppProps> {
render() {
const { todos, filter, add, remove, setFilter, complete } = this.props;
const { todos, filter, add, remove, setFilter, complete, clear, edit } = this.props;
return (
<Stack horizontalAlign="center">
<Stack style={{ width: 650 }} verticalGap={25}>
<TodoHeader {...{ add, remove, filter }} />
<TodoList {...{ todos, filter, complete }} />
<TodoFooter {...{ todos, setFilter }} />
<Stack style={{ width: 400 }} verticalGap={25}>
<TodoHeader {...{ add, remove, filter: setFilter }} />
<TodoList {...{ todos, filter, complete, remove, edit }} />
<TodoFooter {...{ todos, setFilter, clear }} />
</Stack>
</Stack>
);