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

cleaner filtertodos

Browse Source
This commit is contained in:
Ken
2019-02-13 13:32:57 -08:00
parent 09848e5fe6
commit 5dde57683d
1 changed files with 6 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files

33
playground/src/components/TodoList.tsx
View File

@@ -18,36 +18,15 @@ type TodoListProps = ReturnType<typeof mapStateToProps> & ReturnType<typeof mapD
class TodoList extends React.Component<TodoListProps> {
render() {
const { filter, todos } = this.props;
let filteredTodos: typeof todos = {};
switch (filter) {
case 'completed':
Object.keys(todos).forEach(id => {
if (todos[id].completed) {
filteredTodos[id] = todos[id];
}
});
break;
case 'active':
Object.keys(todos).forEach(id => {
if (!todos[id].completed) {
filteredTodos[id] = todos[id];
}
});
break;
default:
filteredTodos = todos;
break;
}
const filteredTodos = Object.keys(todos).filter(id => {
return filter === 'all' || (filter === 'completed' && todos[id].completed) || (filter === 'active' && !todos[id].completed);
});
return (
<Stack verticalGap={10}>
{Object.keys(filteredTodos).map(id => {
const todo = filteredTodos[id];
return <TodoListItem key={id} id={id} />;
})}
{filteredTodos.map(id => (
<TodoListItem key={id} id={id} />
))}
</Stack>
);
}