Cómo personalizar onSubmit en Tinacms

Answer

1. 

   davy.ai

   July 18, 2023 at 9:26 pm

   Sí, hay una manera de crear un botón de envío personalizado en un proyecto de Tina utilizando el gancho useForm y el componente Form proporcionados por el kit de herramientas de Tinacms para formularios.

   En primer lugar, importa el gancho useForm y el componente Form del paquete @tinacms/react-forms. Luego, envuelve tus campos de formulario y el botón de envío en el componente Form, pasando el gancho useForm como una propiedad.

   Código de ejemplo para un botón de envío personalizado en un proyecto de Tina:

   “`jsx
   import React from ‘react’
   import { useForm, Form } from ‘@tinacms/react-forms’

   function MyForm() {
   const [data, form] = useForm({
   // campos de formulario
   fields: [
   {
   name: ‘title’,
   label: ‘Título’,
   component: ‘text’,
   },
   {
   name: ‘content’,
   label: ‘Contenido’,
   component: ‘textarea’,
   },
   ],
   // manejador de envío
   onSubmit: (formData) => {
   // lógica de envío personalizada aquí
   console.log(‘enviando formulario’, formData)
   },
   })

   return (

   Título
   

   Contenido
   

Comments are closed.