amirho/react.dev
1
0
Fork 0
mirror of https://github.com/reactjs/react.dev.git synced 2026-02-23 20:23:08 +00:00
Code Issues Packages Projects Releases Wiki Activity

Add missing avatarSize in "Before you use context" to text and code (#1737)

Browse Source
This commit is contained in:
Gasim Gasimzada
2019-02-28 02:40:09 +04:00
committed by Brian Vaughn
parent de0dfde86f
commit 8e805d7995
1 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
content/docs/context.md
View File

@@ -54,7 +54,7 @@ For example, consider a `Page` component that passes a `user` and `avatarSize` p
It might feel redundant to pass down the `user` and `avatarSize` props through many levels if in the end only the `Avatar` component really needs it. It's also annoying that whenever the `Avatar` component needs more props from the top, you have to add them at all the intermediate levels too.
One way to solve this issue **without context** is to [pass down the `Avatar` component itself](/docs/composition-vs-inheritance.html#containment) so that the intermediate components don't need to know about the `user` prop:
One way to solve this issue **without context** is to [pass down the `Avatar` component itself](/docs/composition-vs-inheritance.html#containment) so that the intermediate components don't need to know about the `user` or `avatarSize` props:
```js
function Page(props) {
@@ -68,7 +68,7 @@ function Page(props) {
}
// Now, we have:
<Page user={user} />
<Page user={user} avatarSize={avatarSize} />
// ... which renders ...
<PageLayout userLink={...} />
// ... which renders ...