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.Button
se adjunta, hacer clic en no conduce al envío del formulario. Cuando attached
se omite la propiedad, el onSubmit
controlador funciona como se esperaba.
¿Es un comportamiento esperado o debería presentar un problema de error en GitHub?
Form.Button
no tengo attached
como prop
.
Al agregar esto prop
, su button
etiqueta se convierte en div
etiqueta. Añadiendo type="submit"
también no funciona con esto prop
porque después de todo es div
solo. Y para enviar un formulario solo necesitamos una button
etiqueta.
Es mejor no usar esto attached
prop
enForm
.
Solo puedes tener esto
<Form.Button content='Submit' />
o puede usar la Button
etiqueta 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
Déjame decir algunas palabras