Begrip: Server actions

Server actions zijn server functions die bedoeld zijn om aan een formulier gekoppeld te worden via het action attribuut.

Er zijn twee soorten server actions te onderscheiden. De eerste soort heeft onderstaande structuur en kan rechtstreeks aan een formulier gekoppeld worden via het action attribuut.

(formData: FormData) => Promise<T>

We gebruiken de eerste vorm niet in deze cursus. De tweede vorm heeft onderstaande signatuur en is bedoeld om via de useActionState hook aan formulieren te koppelen.

<T,>(prevState: T, formData: FormData) => Promise<T>

De prevState parameter moet van hetzelfde type zijn als de return waarde van de actie en wordt gebruikt als we een formulier verschillende keren achter elkaar inzenden.

De formData parameter is een object dat alle waarden van het formulier bevat, dit object wordt automatisch opgebouwd door de browser als een formulier ingezonden wordt (dit is een standaard feature van HTML). Elk formulier element met een name attribuut wordt in dit object opgenomen (onder de naam die meegegeven is aan het name attribuut).