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

Make examples more distinct

Browse Source
This commit is contained in:
Dan Abramov
2022-09-02 16:59:58 +01:00
parent ce6ba06a0f
commit 808d6d1ede
1 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
beta/src/pages/learn/reusing-logic-with-custom-hooks.md
View File

@@ -50,7 +50,7 @@ export default function StatusBar() {
};
}, []);
return <h1>You are {isOnline ? 'online' : 'offline'}!</h1>;
return <h1>{isOnline ? '✅ Online' : '❌ Disconnected'}</h1>;
}
```
@@ -109,7 +109,7 @@ Imagine for a moment that, similar to [`useState`](/apis/react/useState) and [`u
```js {2,7}
function StatusBar() {
const isOnline = useOnlineStatus();
return <h1>You are {isOnline ? 'online' : 'offline'}!</h1>;
return <h1>{isOnline ? '✅ Online' : '❌ Disconnected'}</h1>;
}
function SaveButton() {
@@ -159,7 +159,7 @@ import { useOnlineStatus } from './useOnlineStatus.js';
function StatusBar() {
const isOnline = useOnlineStatus();
return <h1>You are {isOnline ? 'online' : 'offline'}!</h1>;
return <h1>{isOnline ? '✅ Online' : '❌ Disconnected'}</h1>;
}
function SaveButton() {
@@ -1294,7 +1294,7 @@ import { useOnlineStatus } from './useOnlineStatus.js';
function StatusBar() {
const isOnline = useOnlineStatus();
return <h1>You are {isOnline ? 'online' : 'offline'}!</h1>;
return <h1>{isOnline ? '✅ Online' : '❌ Disconnected'}</h1>;
}
function SaveButton() {
@@ -1357,7 +1357,7 @@ import { useOnlineStatus } from './useOnlineStatus.js';
function StatusBar() {
const isOnline = useOnlineStatus();
return <h1>You are {isOnline ? 'online' : 'offline'}!</h1>;
return <h1>{isOnline ? '✅ Online' : '❌ Disconnected'}</h1>;
}
function SaveButton() {