es.davy.ai

Preguntas y respuestas de programación confiables

¿Tienes una pregunta?

Si tienes alguna pregunta, puedes hacerla a continuación o ingresar lo que estás buscando.

Error de React: el tipo de elemento no es válido: se esperaba una cadena.

Estoy haciendo un calendario con React pero me muestra este problema cuando intento ejecutarlo:

yarn start “Error: El tipo de elemento es inválido: se esperaba una cadena (para componentes incorporados) o una clase/función (para componentes compuestos) pero se obtuvo un objeto. Es probable que haya olvidado exportar su componente desde el archivo en el que se define, o podría haber mezclado importaciones predeterminadas y con nombre.

Revisa el método render de Calendar.”
mi código Calendar.jsx:

import React, {  useRef,useState } from "react";
import FullCalendar from '@fullcalendar/react' 
import dayGridPlugin from '@fullcalendar/daygrid'
import AddEventModal from "./AddEventModal";

function Calendar ()  {
  const[modalOpen, setModalOpen] = useState(false);
  const calendarRef =useRef(null);
  const onEventAdded = event =>{
    let calendarApi = calendarRef.current.getApi();
    calendarApi.addEvent(event);

}
  return(
    <section>
      <button>Añadir evento al calendario</button>
      <fullcalendar ref="{calendarRef}" plugins="{[" daygridplugin="" ]}="" initialview="dayGridMonth"></fullcalendar>
      <addeventmodal isopen="{modalOpen}" onclose="{()" ==""> setModalOpen(false)}
        onEventAdded={event => onEventAdded(event)}/>
    </addeventmodal></section>
  )
}

export default Calendar
Tags:  ,

Answer

  1. Avatar for davy.ai

    Parece que olvidaste exportar el componente AddEventModal del archivo AddEventModal.jsx. Asegúrate de tener la siguiente línea al final del archivo AddEventModal.jsx:
    js
    export default AddEventModal;

Comments are closed.