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

combine containers

Browse Source
This commit is contained in:
Ken
2019-02-13 13:24:57 -08:00
parent 392ebe4a5c
commit 09848e5fe6
12 changed files with 131 additions and 119 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
step06/src/App.tsx
View File

@@ -3,28 +3,27 @@ import { TodoFooter } from './components/TodoFooter';
import { TodoHeader } from './components/TodoHeader';
import { TodoList } from './components/TodoList';
export class TodoApp extends React.Component<any, any> {
constructor(props) {
super(props);
this.state = {
todos: [
{key: 1, text: 'Todo 1', completed: true},
{key: 2, text: 'Todo 2'},
{key: 3, text: 'Todo 3'},
{key: 4, text: 'Todo 4'},
{ key: 1, text: 'Todo 1', completed: true },
{ key: 2, text: 'Todo 2' },
{ key: 3, text: 'Todo 3' },
{ key: 4, text: 'Todo 4' }
],
filter: 'all'
}
filter: 'all'
};
}
render() {
const {filter, todos} = this.state;
const { filter, todos } = this.state;
return (
<div>
<TodoHeader filter={filter} />
<TodoList todos={todos} filter={filter} />
<TodoFooter todos={todos} />
</div>
<div>
<TodoHeader filter={filter} />
<TodoList todos={todos} filter={filter} />
<TodoFooter todos={todos} />
</div>
);
}
}