React Scheduler
React Scheduler 是 DHTMLX Scheduler 的官方 React 包装器。它允许将 Scheduler 图表作为一个 React 组件使用,同时仍然支持完整的配置 API。
如果您想要了解 React Scheduler 的工作原理及其提供的功能,请从 概览 开始。
快速开始
如果您是此包装器的新手,请按以下顺序进行:
- 安装 - 选择 React Scheduler 的评估版(公开 npm)或专业版(私有 npm)版本。
- 快速开始 - 渲染您的第一个图表并验证设置。
- 配置 - 了解如何使用 props、templates 和 event handlers。
框架集成
如果您 的应用程序是使用元框架构建的,请使用这些指南以获得框架相关的设置:
选择数据绑定模型
React Scheduler 支持两种数据绑定方法:
-
React 管理的数据(对大多数 React 应用推荐)。您将事件保存在 React 中或在状态管理器中,作为 props 传递,并通过
data.save/data.batchSave回调来处理更新。 -
Scheduler 管理的数据(在特定、对性能敏感的场景中有用) 您初始化数据一次,让 Scheduler(以及您的后端)拥有数据生命周期。React 不会在每次变更后重新应用更新的 props。
要了解这两种方法及其取舍,请阅读 数据绑定与状态管理基础。
数据与状态教程
如果您正在使用状态管理库,位于 数据与状态管理 的指南展示了为每个库实现的相同集成模式(Redux Toolkit、Zustand、MobX 等),以及与 Firebase 的实时同步。
示例与评估资源
如果您正在评估 React Scheduler,评估页在评估期间提供技术支持。请参阅 安装。
Need help?
Got a question about the documentation? Reach out to our technical support team for help and guidance. For custom component solutions, visit the Services page.