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

Moved todos to state

Browse Source
This commit is contained in:
Micah Godbolt
2019-02-12 15:52:32 -08:00
parent 5a87f131b5
commit ae89b3320a
1 changed files with 14 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
step06/src/App.tsx
View File

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