diff --git a/src/content/reference/rsc/server-functions.md b/src/content/reference/rsc/server-functions.md index adce7728460..0afeebf8179 100644 --- a/src/content/reference/rsc/server-functions.md +++ b/src/content/reference/rsc/server-functions.md @@ -38,30 +38,30 @@ Server Functions can be created in Server Components and passed as props to Clie Server Components can define Server Functions with the `"use server"` directive: -```js [[2, 7, "'use server'"], [1, 5, "createNoteAction"], [1, 12, "createNoteAction"]] +```js [[2, 7, "'use server'"], [1, 5, "createNote"], [1, 12, "createNote"]] // Server Component import Button from './Button'; function EmptyNote () { - async function createNoteAction() { + async function createNote() { // Server Function 'use server'; await db.notes.create(); } - return } ``` @@ -82,15 +82,15 @@ export async function createNote() { ``` -When the bundler builds the `EmptyNote` Client Component, it will create a reference to the `createNoteAction` function in the bundle. When the `button` is clicked, React will send a request to the server to execute the `createNoteAction` function using the reference provided: +When the bundler builds the `EmptyNote` Client Component, it will create a reference to the `createNote` function in the bundle. When the `button` is clicked, React will send a request to the server to execute the `createNote` function using the reference provided: ```js [[1, 2, "createNote"], [1, 5, "createNote"], [1, 7, "createNote"]] "use client"; -import {createNote} from './actions'; +import {createNote} from './server'; function EmptyNote() { console.log(createNote); - // {$$typeof: Symbol.for("react.server.reference"), $$id: 'createNoteAction'} + // {$$typeof: Symbol.for("react.server.reference"), $$id: 'createNote'}