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 2: title formatting coherence, minor edits

Browse Source
This commit is contained in:
Elizabeth Craig
2019-03-05 02:42:26 -08:00
parent 8c99c83353
commit 46094abe9d
11 changed files with 40 additions and 42 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
step2-04/demo/README.md
View File

@@ -8,8 +8,8 @@ We will solve these problems with the [React Context API](https://reactjs.org/do
1. The problem of complex applications
2. React Context API
3. Consuming context from a Class Component
4. Consuming context from a Functional Component
3. Consuming context from a class component
4. Consuming context from a functional component
## The problem of complex applications
@@ -81,7 +81,7 @@ class TodoApp extends React.Component {
}
```
### Consume context from a Class Component
### Consume context from a class component
Inside a class-based child component, such as `<TodoHeader>`, the context created in the parent can be accessed via `this.context`. Note that for this to work, you must also set the component class's `contextType` property to the context type created above.
@@ -97,7 +97,7 @@ class TodoHeader extends React.Component {
TodoHeader.contextType = TodoContext;
```
### Consume context from a Functional Component
### Consume context from a functional component
If you're using the functional component syntax, you can access the context with the `useContext()` hook: