El botón de formulario adjunto no activa el envío del formulario cuando se hace clic en él

Geradlus_RU

Considere el siguiente ejemplo:

import React, { Component } from 'react'
import { Form } from 'semantic-ui-react'

class FormExample extends Component {
  state = {}

  handleChange = (e, { name, value }) => this.setState({ [name]: value })

  handleSubmit = () => this.setState({ email: '', name: '' })

  render() {
    const { name, email } = this.state

    return (
      <Form onSubmit={this.handleSubmit}>
        <Form.Group>
          <Form.Input placeholder='Name' name='name' value={name} onChange={this.handleChange} />
          <Form.Input placeholder='Email' name='email' value={email} onChange={this.handleChange} />
          <Form.Button attached='bottom' content='Submit' />
        </Form.Group>
      </Form>
    )
  }
}

Cuando Form.Buttonse adjunta, hacer clic en no conduce al envío del formulario. Cuando attachedse omite la propiedad, el onSubmitcontrolador funciona como se esperaba.

¿Es un comportamiento esperado o debería presentar un problema de error en GitHub?

ravibagul91

Form.Buttonno tengo attachedcomo prop.

Al agregar esto prop, su buttonetiqueta se convierte en divetiqueta. Añadiendo type="submit"también no funciona con esto propporque después de todo es divsolo. Y para enviar un formulario solo necesitamos una buttonetiqueta.

Es mejor no usar esto attached propenForm .

Solo puedes tener esto

<Form.Button content='Submit' />

o puede usar la Buttonetiqueta contype="submit"

import {Button} from 'semantic-ui-react'

<Button type="submit">Submit</Button>

Este artículo se recopila de Internet, indique la fuente cuando se vuelva a imprimir.

En caso de infracción, por favor [email protected] Eliminar

Editado en
0

Déjame decir algunas palabras

0Comentarios
Iniciar sesiónRevisión de participación posterior

Artículos relacionados

El elemento de formulario Ant Design no se envía cuando se hace clic en el botón del formulario

El formulario onSubmit se activa incluso cuando no se hace clic en el botón Enviar

enviar el botón del formulario cuando se hace clic en el botón secundario

Cómo cambiar el botón de un formulario cuando se hace clic en él

Ocultar el panel en el control de usuario cuando se hace clic en el botón del formulario principal

El formulario no se envía cuando se hace clic en el botón con el ícono impresionante de fuente

Obtener la identificación del formulario cuando se hace clic en el botón JavaScript

Formulario que se envía cuando se hace clic en el botón no relacionado

evitar la actualización de la página cuando se hace clic en el botón dentro del formulario

¿Por qué se envían todos los formularios cuando solo se hace clic en el botón de envío de un formulario?

Cerrar el formulario de ventanas anterior cuando se hace clic en otro botón

¿No se puede mostrar el formulario de edición cuando se hace clic en el botón de edición?

El formulario no se envía cuando hay un evento de clic en el botón enviar

enviar formulario cuando el usuario hace clic en el botón Atrás del navegador

jquery obtiene un valor de entrada específico del botón en el que se hace clic en el formulario cuando hay varios formularios en la página

Haga clic en el evento que no se activa antes del envío del formulario

Haga clic en el evento que no se activa antes del envío del formulario

¿Cómo puedo borrar el formulario cuando se hace clic en el botón?

En Html, ¿por qué al hacer clic en el botón normal dentro del formulario se activa el formulario

En Html, ¿por qué al hacer clic en el botón normal dentro del formulario se activa el formulario

Cómo mostrar datos de fila en un formulario cuando se hace clic en el botón editar (angular 8)

Cómo evitar el envío de formularios si no se hace clic en los botones del formulario

cómo obtener el nombre de usuario del formulario de inicio de sesión, cuando se hace clic en el enlace de restablecimiento de contraseña django

Cómo obtener el texto del formulario secundario cuando se hace clic en un elemento de entrada

La función del botón crea botones, pero el evento solo se activa cuando se hace clic en el ÚLTIMO botón realizado, no hay mensaje de error

La función del botón crea botones, pero el evento solo se activa cuando se hace clic en el ÚLTIMO botón realizado, no hay mensaje de error

El botón de envío del formulario no se muestra

El 'botón de envío' del formulario no se DESLIZA

Highstock Activa javascript cuando se hace clic en el botón selector de rango