反应错误：元素类型无效：需要一个字符串

Question

我正在使用 React 制作日历，但是当我尝试运行它时会出现此问题：

yarn start “错误：元素类型无效：需要一个字符串（对于内置组件）或一个类/函数（对于复合组件）但得到：object。您可能忘记从定义的文件中导出组件，或者您可能混淆了默认导入和命名导入。

检查Calendar的渲染方法。”我的 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>Add Event to the Calendar</button>
      <FullCalendar
        ref={calendarRef}
        plugins={[ dayGridPlugin ]}
        initialView="dayGridMonth"
        />
      <AddEventModal isOpen={modalOpen}
        onClose={() => setModalOpen(false)}
        onEventAdded={event => onEventAdded(event)}/>
    </section>
  )
}

export default Calendar

Answer 1

遇到同样的问题（但没有使用模态）。 原来组件的导入 URL 是错误的。 当文件的 URL 明显错误时，这就是 React v17 给你的错误消息。 可能想检查你的进口？