v2.3.1

demos/cases/GanttText.jsx

@@ -0,0 +1,30 @@
+import { useMemo, useRef, useCallback } from 'react';
+import { getData } from '../data';
+import { Gantt } from '../../src/';
+import MyTaskContent from '../custom/MyTaskContent.jsx';
+
+export default function GanttText({ skinSettings }) {
+  const data = useMemo(() => getData(), []);
+  const api = useRef(null);
+
+  const doClick = useCallback((ev) => {
+    api.current.exec('update-task', {
+      id: ev.id,
+      task: {
+        clicked: ev.clicked,
+      },
+    });
+  }, []);
+
+  return (
+    <Gantt
+      {...skinSettings}
+      ref={api}
+      onCustomClick={doClick}
+      taskTemplate={MyTaskContent}
+      tasks={data.tasks}
+      links={data.links}
+      scales={data.scales}
+    />
+  );
+}