File tree Expand file tree Collapse file tree 1 file changed +7
-9
lines changed
src/content/reference/react Expand file tree Collapse file tree 1 file changed +7
-9
lines changed Original file line number Diff line number Diff line change @@ -205,27 +205,25 @@ import EditName from './EditName';
205205export 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' ;
219214import { 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 (
You can’t perform that action at this time.
0 commit comments