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

Day 1 updates

Browse Source
This commit is contained in:
Elizabeth Craig
2019-02-27 17:46:56 -08:00
parent 5e5717240c
commit 5aed397e01
14 changed files with 144 additions and 142 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
step1-07/demo/src/components/TodoHeader.tsx
View File

@@ -17,9 +17,9 @@ export class TodoHeader extends React.Component<any, any> {
<button className="submit">Add</button>
</div>
<nav className="filter">
<button className={filter == 'all' ? 'selected' : ''}>all</button>
<button className={filter == 'active' ? 'selected' : ''}>active</button>
<button className={filter == 'completed' ? 'selected' : ''}>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>
);

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

@@ -17,9 +17,9 @@ export class TodoHeader extends React.Component<any, any> {
<button className="submit">Add</button>
</div>
<nav className="filter">
<button className={filter == 'all' ? 'selected' : ''}>all</button>
<button className={filter == 'active' ? 'selected' : ''}>active</button>
<button className={filter == 'completed' ? 'selected' : ''}>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>
);

6
step1-07/final/src/components/TodoHeader.tsx
View File

@@ -29,13 +29,13 @@ export class TodoHeader extends React.Component<TodoHeaderProps, TodoHeaderState
</button>
</div>
<nav className="filter">
<button onClick={this._onFilter} className={filter == 'all' ? 'selected' : ''}>
<button onClick={this._onFilter} className={filter === 'all' ? 'selected' : ''}>
all
</button>
<button onClick={this._onFilter} className={filter == 'active' ? 'selected' : ''}>
<button onClick={this._onFilter} className={filter === 'active' ? 'selected' : ''}>
active
</button>
<button onClick={this._onFilter} className={filter == 'completed' ? 'selected' : ''}>
<button onClick={this._onFilter} className={filter === 'completed' ? 'selected' : ''}>
completed
</button>
</nav>