Javascript 错误:React.Children.仅应接收单个React元素子元素。福米克
我在Formik道具中发现了这个错误。我已经与formik合作很长时间了,这是我第一次遇到这种情况Javascript 错误:React.Children.仅应接收单个React元素子元素。福米克,javascript,reactjs,formik,Javascript,Reactjs,Formik,我在Formik道具中发现了这个错误。我已经与formik合作很长时间了,这是我第一次遇到这种情况 const Contacto = () => ( <> <section id="contact"> <div class="container"> <h2>Contactanos</h2> <div class=&q
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>
San Javier, Cordoba
</address>
<label>Telefono</label>
<a href="#">3544-32-2323</a>
<label>Email</label>
<a href="#">ouremail@domain.com</a>
</div>
</div>
</div>
</section>
Contactanos
德尚·门萨耶
{
设置超时(()=>{
设置提交(假);
}, 1000);
}}
> {({
价值观
错误,
感动的,
handleChange,
车把,
手推,
提交
}) => (
名义
{errors.name&&touch.name&&errors.name}
电子邮件
{errors.email&&touch.email&&errors.email}
莫蒂沃
{errors.motivo&&toucted.motivo&&errors.motivo}
门萨耶
Escribítu mensaje。。
{errors.mensaje&&touch.mensaje&&errors.mensaje}
羡慕
)}
迪雷西翁
电子邮件
));
导出默认联系人 都在一个碎片里。导入正常请在问题中添加代码片段。最可能的答案是,您没有将内容包装在一个div中。