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

Close missing suspense tags in documentation for concurrent UI… (#2475)

Browse Source
This commit is contained in:
Thomas Gassmann
2019-10-24 22:05:21 +02:00
committed by Alexey Pyltsyn
parent 43d8e5fb7f
commit a89650a7fa
1 changed files with 4 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
content/docs/concurrent-mode-patterns.md
View File

@@ -390,6 +390,7 @@ After the click, React started rendering the next screen:
<ProfileDetails />
<Suspense fallback={...}>
<ProfileTimeline />
</Suspense>
</ProfilePage>
</Suspense>
```
@@ -403,6 +404,7 @@ Both `<ProfileDetails>` and `<ProfileTimeline>` need data to render, so they sus
<ProfileDetails /> {/* suspends! */}
<Suspense fallback={<h2>Loading posts...</h2>}>
<ProfileTimeline /> {/* suspends! */}
</Suspense>
</ProfilePage>
</Suspense>
```
@@ -419,6 +421,7 @@ When a component suspends, React needs to show the closest fallback. But the clo
<ProfileDetails /> {/* suspends! */}
<Suspense fallback={...}>
<ProfileTimeline />
</Suspense>
</ProfilePage>
</Suspense>
```
@@ -437,6 +440,7 @@ As we load more data, React will retry rendering, and `<ProfileDetails>` can ren
<h2>Loading posts...</h2>
}>
<ProfileTimeline /> {/* suspends! */}
</Suspense>
</ProfilePage>
</Suspense>
```