Tengo un problema con el formulario antd. Código a continuación:
const onFinish = (form: any) => { console.log("FORM: ", form); //{email: undefined, password: undefined, "": undefined} }; <Form onFinish={onFinish} name="login" layout="vertical" > <Form.Item name="email" > <Typography>EMAIL</Typography> <Input /> </Form.Item> <Form.Item name="password" > <Typography>PASSWORD</Typography> <Input type="password" /> </Form.Item> <Form.Item> <Button htmlType="submit" className={styles.submitButton}> SIGN IN </Button> </Form.Item> </Form>¿Alguien puede decirme por qué al hacer clic en mi BOTÓN, y devolverme del formulario solo valores indefinidos?
¡Gracias por cualquier ayuda!
Porque no has ingresado nada en las entradas. Agregue reglas para las entradas. Leer más Por ejemplo:
const onFinish = (form: any) => { console.log("FORM: ", form); }; return ( <Form onFinish={onFinish} name="login" layout="vertical"> <Form.Item name="email" label="Email" rules={[ { required: true, message: "Please input your Email!" } ]} > <Input /> </Form.Item> <Form.Item name="password" label="password" rules={[ { required: true, message: "Please input your Password!" } ]} > <Input type="password" /> </Form.Item> <Form.Item> <Button htmlType="submit">SIGN IN</Button> </Form.Item> </Form> );