# @dhtmlx/trial-react-gantt 中文文档

规范地址：https://npmcn.com/package/%40dhtmlx/trial-react-gantt/

版本：10\.0\.3
npm 元数据更新时间：2026-09-03T12:13:59.617Z
中文译文更新时间：2026-11-12T06:22:10.447Z
软件包许可：SEE LICENSE IN license\.txt

本文由上游 README 翻译，可能存在偏差，请结合原文核对 API、命令与配置。版权与许可归原作者所有。

原始 npm 页面：https://www.npmjs.com/package/%40dhtmlx/trial-react-gantt
原文对照：https://npmcn.com/package/%40dhtmlx/trial-react-gantt/?lang=original
项目主页：https://dhtmlx.com/docs/products/dhtmlxGantt-for-React/
源码仓库：https://github.com/DHTMLX/gantt

## 关键信息（来自 npm 元数据）

- 包体积（解压后）：1.6 MB，7 个文件
- 模块格式：ES Module
- TypeScript 类型：包内自带
- 运行依赖：0 个
- peer 依赖：react \>=18\.0\.0，react-dom \>=18\.0\.0
- 首次发布：2021-03-22T09:52:16.056Z
- 最新版本发布：2026-09-03T12:13:59.417Z
- 近 30 天下载量：2991（2026-10-12 至 2026-11-10，npm 官方下载统计）
- 已发布版本数：18（近 12 个月 10 个）

## 中文简介

DHTMLX 甘特反应

## 安装

```sh
npm install @dhtmlx/trial-react-gantt
```

也可以使用：`pnpm add @dhtmlx/trial-react-gantt`、`yarn add @dhtmlx/trial-react-gantt`、`bun add @dhtmlx/trial-react-gantt`

## README

# DHTMLX 反相甘特

[![dhtmlx.com](https://img.shields.io/badge/made%20by-DHTMLX-blue)](https://dhtmlx.com/) [![npm: v.10.0.3](https://img.shields.io/badge/npm-v.10.0.3-blue.svg)](https://www.npmjs.com/package/@dhtmlx/trial-react-gantt) [![License: Evaluation](https://img.shields.io/badge/license-Evaluation-important.svg)](https://dhtmlx.com/docs/products/license.shtml?eval)

[开始](https://npmcn.com/package/%40dhtmlx/trial-react-gantt/#readme-getting-started) | [特征](https://npmcn.com/package/%40dhtmlx/trial-react-gantt/#readme-features) | [许可证](https://npmcn.com/package/%40dhtmlx/trial-react-gantt/#readme-license) | [有用链接](https://npmcn.com/package/%40dhtmlx/trial-react-gantt/#readme-links) | [跟着我们](https://npmcn.com/package/%40dhtmlx/trial-react-gantt/#readme-followus)

[DHTMLX 反相甘特](https://dhtmlx.com/docs/products/dhtmlxGantt-for-React/) 是用于 [DHTMLX 甘特](https://dhtmlx.com/docs/products/dhtmlxGantt/) 图书馆.

它提供了一种宣示方式,将DHTMLX Gantt所有丰富的项目调度功能——如任务,依赖性,自动排程以及资源管理——直接整合到React apps中. 通过将React的基于组件的工作流程与DHTMLX Gantt强大的JavaScript引擎相结合,这个库为现代React项目中构建交互式Gant图提供了无缝体验.

> **重要内容:** 这个 npm 包是一个 _审判_ 仅供评价之用. 关于获得商业许可证和技术支助,请在我们的网站上进行评估: [https://dhtmlx.com/docs/products/dhtmlxGantt- for-React/download.shtml 互联网档案馆的存檔,存档日期2013-12-21](https://dhtmlx.com/docs/products/dhtmlxGantt-for-React/download.shtml)

## 开始

**安装软件包**

专业评价:

```bash
npm install @dhtmlx/trial-react-gantt
```

并初始化:

```jsx
import { useState } from 'react';
import ReactGantt from '@dhtmlx/trial-react-gantt';
import '@dhtmlx/trial-react-gantt/dist/react-gantt.css';
import { demoData } from './DemoData'

export default function BasicGantt() {
  const [theme, setTheme] = useState("terrace");
  const [tasks, setTasks] = useState(demoData.tasks);
  const [links, setLinks] = useState(demoData.links);

  return (
    <div style={{ height: '500px' }}>
      <ReactGantt
        tasks={tasks}
        links={links}
        theme={theme}
      />
    </div>
  );
}
```

`demoData` 是一个实例任务/链接数据集。 替换为您自己的项目数据 .

### 所需资源

-   反应 `18.x` 或更新

### 完整指南

-   [https://docs.dhtmlx.com/gantt/整合/反应/](https://docs.dhtmlx.com/gantt/integrations/react/)

## 特征

-   在网格单元格、页眉、时间表模板中反应组件
-   容易定制 React 组件
-   无缝主题和 MUI 兼容性
-   与 Redux 工具包的兼容性
-   类型脚本支持
-   4类任务相接:从完成到启动,从完成到完成,从完成到完成
-   水平拖放多个任务
-   多任务选择
-   落后规划
-   任务过滤
-   资源过滤
-   内置编辑
-   管理单个任务的可编辑性/只读模式
-   撤销/重做功能
-   网格中的可配置列
-   可自定义的时间尺度和任务编辑窗体
-   任务颜色的进度百分比
-   7个不同的皮肤
-   在线导出到 PDF、 PNG、 Excel、 iCal 和 MS 项目
-   32个地方
-   键盘导航
-   资源管理
-   关键路径计算
-   自动排程

## 许可证

DHTMLX 甘特反应 v.10.0.3 专业评价

该软件由DHTMLX评价许可证覆盖. 联系人 [销售额@dhtmlx.com](mailto:sales@dhtmlx.com) 获得专有许可证。 禁止无适当许可证的使用.

(c) XB软件

## 有用链接

-   [DHTMLX 反甘特产品页面](https://dhtmlx.com/docs/products/dhtmlxGantt-for-React/)
-   [DHTMLX JS Gant产品页面](https://dhtmlx.com/docs/products/dhtmlxGantt/)
-   [正式文件](https://docs.dhtmlx.com/gantt/)
-   [在线样本](https://docs.dhtmlx.com/gantt/samples/)
-   [视频教程](https://www.youtube.com/watch?v=cCvULTQxPfg&list=PLKS_XdyIGP4MEW6yvvQUZT8vJKHVOq2S0)
-   [出口服务](https://dhtmlx.com/docs/products/dhtmlxGantt/export.shtml)
-   [现有综合清单](https://dhtmlx.com/docs/products/integrations/)
-   [支助论坛](https://forum.dhtmlx.com/c/gantt)

## 跟着我们

-   读我们 [中型](https://medium.com/@dhtmlx)
    
-   跟着我们 [链接](https://www.linkedin.com/company/dhtmlx-ltd-/)
    
-   跟着我们 [页:1](https://x.com/dhtmlx)
    
-   就像我们的页面 [脸书](https://www.facebook.com/dhtmlx/)

## 常见问题

### @dhtmlx/trial-react-gantt 是什么？

DHTMLX 甘特反应

### 如何安装 @dhtmlx/trial-react-gantt？

在项目目录运行 npm install @dhtmlx/trial-react-gantt，或使用 pnpm add / yarn add / bun add。它还需要宿主项目提供 peer 依赖：react（\>=18\.0\.0）、react-dom（\>=18\.0\.0）。npm 7 及以上与 pnpm 8 及以上默认会自动安装必需的 peer 依赖，Yarn 需要手动安装。

### @dhtmlx/trial-react-gantt 支持 TypeScript 吗？

支持。包内自带 TypeScript 类型声明（package\.json 声明了 types 入口），安装后即可获得类型提示，无需再安装 @types 包。

### @dhtmlx/trial-react-gantt 支持 ESM 还是 CommonJS？

以 ES Module 形式发布，推荐使用 import 引入。在 CommonJS 项目中，Node\.js 20\.19\+ / 22\.12\+ 可以直接 require\(\) 不含顶层 await 的 ES Module，更早的版本需要改用动态 import\(\)。

### @dhtmlx/trial-react-gantt 可以商用吗？

@dhtmlx/trial-react-gantt 使用 SEE LICENSE IN license\.txt 许可。许可条款写在包内的独立文件中，请阅读该文件确认可否商用。以上为概括，不构成法律意见，请以许可原文为准。

### @dhtmlx/trial-react-gantt 的下载量有多少？

根据 npm 官方下载统计，@dhtmlx/trial-react-gantt 在 2026/10/12 – 2026/11/10 这 30 天内被下载 2,991 次，日均约 100 次。下载量会把 CI 构建、镜像同步和作为其他包依赖的安装一并计入，适合横向比较热度，不能直接等同于使用人数。

### @dhtmlx/trial-react-gantt 还在维护吗？

最新版本 10\.0\.3 发布于 2026/09/03（2 个月前）；至今共发布 18 个版本，其中过去 12 个月发布了 10 个；首次发布于 2021/03/22。发布频率只是参考信号：功能稳定的工具可能很少需要更新，建议结合源码仓库的 issue 和提交记录判断。