error: React.Children.only expected to receive a single React element child
Publicado por Sergio (2 intervenciones) el 29/09/2020 11:15:37
error: React.Children.only expected to receive a single React element child
Como va? Alguien me podría decir como se soluciona este error? Trabajo con Formik hace bastante y nunca me había marcado esto
Como va? Alguien me podría decir como se soluciona este error? Trabajo con Formik hace bastante y nunca me había marcado esto
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
import React from 'react';
import { Formik } from 'formik';
import Schema from '../Schema'
const Contacto = () => (
<section id="contact">
<div class="container">
<h2>Contactanos</h2>
<div class="flex">
<div id="form-container">
<h3>Dejá un mensaje</h3>
<Formik
initialValues={{ name: '', email: '', motivo: '', mensaje:'' }}
validationSchema={Schema}
onSubmit={(values, { setSubmitting }) => {
setTimeout(() => {
setSubmitting(false);
}, 1000);
}}
> {({
values,
errors,
touched,
handleChange,
handleBlur,
handleSubmit,
isSubmitting
}) => (
<form onSubmit={handleSubmit}>
<label for="name">Nombre</label>
<input
type="text"
id="name"
name="name"
onChange={handleChange}
onBlur={handleBlur}
value={values.name} />
{errors.name && touched.name && errors.name}
<label for="email">Email</label>
<input
id="email"
type="email"
name="email"
onChange={handleChange}
onBlur={handleBlur}
value={values.email}
/>
{errors.email && touched.email && errors.email}
<label for="subject">Motivo</label>
<input type="text"
id="subject"
name="motivo"
onChange={handleChange}
onBlur={handleBlur}
value={values.motivo}
/>
{errors.motivo && touched.motivo && errors.motivo}
<label for="message">Mensaje</label>
<textarea id="message"
type="mensaje"
name="mensaje"
onChange={handleChange}
onBlur={handleBlur}
value={values.mensaje}
>Escribí tu mensaje..</textarea>
{errors.mensaje && touched.mensaje && errors.mensaje}
<button class="rounded">Enviar</button>
</form>
)}
</Formik>
</div>
<div id="address-container">
<label>Dirección</label>
<address>
Rio Cuarto, Cordoba
</address>
<label>Telefono</label>
<a href="#">3544-32-2323</a>
<label>Email</label>
<a href="#">mail@domain.com</a>
</div>
</div>
</div>
</section>
);
export default Contacto;
Valora esta pregunta


0