Javascript 如何从服务器端为react中的甘特图dhtmlx Gantt加载数据

我在这里得到数据

const{tasks}=props

  useEffect(() => {
    gantt.init('gantt');
    gantt.config.xml_date = '%Y-%m-%d';
    gantt.config.columns = [
      {
        name: 'name', label: 'Task name', width: '*', tree: true
      },
      { name: 'startDate', label: 'Start time', align: 'center' },
      { name: 'duration', label: 'Duration', align: 'center' },
      { name: 'priotity', label: 'Priority', align: 'center' },

      // { name: 'add', label: '', width: 44 }
    ];
     gantt.load(tasks);
  }, []);

加载页面时，我无法获取任何数据。
甘特图加载方法需要一个URL来加载数据：


如果从JSON对象加载数据，则需要使用
gantt.parse
方法：

我正在尝试加载动态数据，如果我硬编码，它可以正常工作，只是动态数据没有得到@gearcodedy您可以从JSON字符串或带有任务数据的对象加载数据。对于动态数据，您需要确保对象已实际更新，然后可以在
gantt.parse
方法中使用它。此外，可能您试图以错误的方式加载任务数据。使用以下命令获取任务数据：
const{tasks}=props如果
任务
对象具有如下内容，则不会加载数据：甘特希望具有以下结构：如果这对您没有帮助，请发送一个现成的演示。