rayan/next-learn
1
0
Fork 0
mirror of https://github.com/vercel/next-learn.git synced 2026-07-08 06:28:41 +00:00
Code Issues Packages Projects Releases Wiki Activity

Use bind instead of hidden field (#311)

Browse Source 
* Use bind instead of hidden field

* Update actions.ts
This commit is contained in:
Delba de Oliveira
2023-10-31 16:14:37 +00:00
committed by GitHub
parent 8543a0d55f
commit 5a65b98034
4 changed files with 13 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
dashboard/final-example/app/ui/invoices/buttons.tsx
View File

@@ -26,9 +26,10 @@ export function UpdateInvoice({ id }: { id: string }) {
}
export function DeleteInvoice({ id }: { id: string }) {
const deleteInvoiceWithId = deleteInvoice.bind(null, id);
return (
<form action={deleteInvoice}>
<input type="hidden" name="id" value={id} />
<form action={deleteInvoiceWithId}>
<button className="rounded-md border p-2 hover:bg-gray-100">
<span className="sr-only">Delete</span>
<TrashIcon className="w-5" />

5
dashboard/final-example/app/ui/invoices/edit-form.tsx
View File

@@ -20,13 +20,12 @@ export default function EditInvoiceForm({
customers: CustomerField[];
}) {
const initialState = { message: null, errors: {} };
const [state, dispatch] = useFormState(updateInvoice, initialState);
const updateInvoiceWithId = updateInvoice.bind(null, invoice.id);
const [state, dispatch] = useFormState(updateInvoiceWithId, initialState);
return (
<form action={dispatch}>
<div className="rounded-md bg-gray-50 p-4 md:p-6">
{/* Invoice ID */}
<input type="hidden" name="id" value={invoice.id} />
{/* Customer Name */}
<div className="mb-4">
<label htmlFor="customer" className="mb-2 block text-sm font-medium">