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

finished step 7 docs

Browse Source
This commit is contained in:
Micah Godbolt
2019-02-23 21:12:23 -08:00
parent 710064c355
commit c11233bafa
5 changed files with 47 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
step1-07/exercise/src/components/TodoHeader.tsx
View File

@@ -17,14 +17,18 @@ export class TodoHeader extends React.Component<any, any> {
<button className="submit">Add</button>
</div>
<nav className="filter">
<button className={filter == 'all' ? 'completed' : ''}>all</button>
<button className={filter == 'active' ? 'completed' : ''}>active</button>
<button className={filter == 'completed' ? 'completed' : ''}>completed</button>
<button className={filter == 'all' ? 'selected' : ''}>all</button>
<button className={filter == 'active' ? 'selected' : ''}>active</button>
<button className={filter == 'completed' ? 'selected' : ''}>completed</button>
</nav>
</header>
);
}
_onFilter = evt => {
this.props.setFilter(evt.target.textContet);
};
_onChange = evt => {
this.setState({ labelInput: evt.target.value });
};