我正在尝试使用具有服务器端呈现的Next.js将@syncsion/ej2-action-Schedule调度程序翻译成法语。因此，我正在转换@syncfusion/ej2-action-Schedule基本代码，使其在NEXT中与服务器端呈现一起运行。我在用于在返回()方法中呈现调度程序的JSX标记内的数据注入中遇到数据填充错误。数据是在Reaction功能组件js文件中导入的基本JSON文件。

import { render } from "react-dom";
import "./../../styles/agenda.module.css";
import * as React from "react";
import {
  ScheduleComponent,
  Day,
  Week,
  WorkWeek,
  Month,
  Agenda,
  Inject,
  Resize,
  DragAndDrop
} from "@syncfusion/ej2-react-schedule";

import { extend, loadCldr, L10n } from "@syncfusion/ej2-base";
import { SampleBase } from "./sample-base";

import * as dataSource from "../../database/agenda_datasource.json";
import * as numberingSystems from "./../agenda-culture-files/numberingSystems.json";
import * as gregorian from "../agenda-culture-files/ca-gregorian.json";
import * as numbers from "../agenda-culture-files/numbers.json";
import * as timeZoneNames from "../agenda-culture-files/timeZoneNames.json";
import dynamic from 'next/dynamic';

//Dynamically import the Smart.Scheduler component
const Scheduler = dynamic(() => import("@syncfusion/ej2-react-schedule"), {
  ssr: false, //no server-side rendering 

});

function AgendaWidget({}) {
  loadCldr(numberingSystems, gregorian, numbers, timeZoneNames);
// hoho ny tsy fahaizana ajax de atao manta be lo le traduction fa ra mazoto any aoriana de ito ny code snipet https://ej2.syncfusion.com/react/documentation/schedule/localization/
L10n.load({
  fr: {
  ////.............. json translating contents
    },
    calendar: {
      today: "Aujourd'hui,Androany"
    }
  }
});
 var predatabase = dataSource;
 var database = {predatabase:this.data}
  return (

    <Scheduler
    width="100%"
    height="650px"
    selectedDate={new Date(2018, 1, 15)}
    ref={t => (this.scheduleObj = t)}
//why it can't find  database variable here
    eventSettings={database}
    locale="es"
  >
    <Inject
      services={[
        Day,
        Week,
        WorkWeek,
        Month,
        Agenda,
        Resize,
        DragAndDrop
      ]}
    />
  </Scheduler>
  );
}

export default AgendaWidget;

The error

   TypeError: Cannot read property 'data' of undefined

    This error happened while generating the page. Any console logs will be displayed in the terminal window

 162 | });
  163 |  var predatabase = dataSource;
> 164 |  var database = {predatabase:this.data}
      |                                  ^
  165 |   return (
  166 |     
  167 |     <Scheduler

我知道数据库变量不在Return()作用域之外，但如何在其中注入数据呢？我们将非常感谢您的帮助。