Skip to content

Commit a6718c0

Browse files
committed
feedback from @stephan-noel
1 parent 2d3e93c commit a6718c0

File tree

1 file changed

+7
-9
lines changed

1 file changed

+7
-9
lines changed

src/content/reference/react/useOptimistic.md

Lines changed: 7 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -205,27 +205,25 @@ import EditName from './EditName';
205205
export default function App() {
206206
const [name, setName] = useState('Alice');
207207

208-
function onSubmit(newName) {
209-
startTransition(() => {
210-
setName(newName);
211-
});
212-
}
213-
return <EditName name={name} onSubmit={onSubmit} />;
208+
return <EditName name={name} action={setName} />;
214209
}
215210
```
216211
217212
```js src/EditName.js active
218-
import { useOptimistic } from 'react';
213+
import { useOptimistic, startTransition } from 'react';
219214
import { updateName } from './actions.js';
220215

221-
export default function EditName({ name, onSubmit }) {
216+
export default function EditName({ name, action }) {
222217
const [optimisticName, setOptimisticName] = useOptimistic(name);
223218

224219
async function submitAction(formData) {
225220
const newName = formData.get('name');
226221
setOptimisticName(newName);
222+
227223
const updatedName = await updateName(newName);
228-
onSubmit(updatedName);
224+
startTransition(() => {
225+
action(updatedName);
226+
})
229227
}
230228

231229
return (

0 commit comments

Comments
 (0)