Questions
4 of 6
1What are React Server Components?
2What is the use of async in server components?
3What are Server Functions?
4How to use server functions with Actions?
5Discuss 'use client' and 'use server' directives?
6How is RSC (React Server Components) different from SSR (Server Side Rendering)?
reactreact
Basics
JSX
Virtual DOM
Reconciliation
State and Props
Components
Class Components
Function Components
Lifecycle functions
Code Sharing
Hooks
useState
useReducer
useMemo
useContext
useCallback
useEffect
Custom Hooks
New Hooks
HOC
Refs
Data Sharing
Events
Context API
Redux
Router
CSR-SSR
React APIs
Performance Optimisation
ReactDOM
Strict Mode
Security
04 / 06

How to use server functions with Actions?

  1. 1

    You can pass a Server Function to a Form to automatically submit the form to the server.

  2. 2

    You can call Server Functions with useActionState for the common case where you just need access to the action pending state and last returned response:

Server function
With useTransition():
Directly with form action:
Using useActionState: