在本篇文章中，我将介绍最近两次重大更新（v23.1 和 v23.2）中引入的 TypeScript 相关增强功能。如果您对这些新功能有任何疑问，请通过 DevExpress 支持中心提交票单。我们很乐意跟进。

所有框架

现在，您可以直接从特定框架的软件包中导入所有需要的类型。您不再需要从单独的 `devextreme` 软件包中导入类型。

之前

import { ColumnChooserMode } from 'devextreme/common/grids';
import DataGrid from 'devextreme-react/data-grid';

之后

import DataGrid, { DataGridTypes } from 'devextreme-react/data-grid';
const currentMode: DataGridTypes.ColumnChooserMode;

React

现在，React 组件道具中的类型已完全支持。这将确保您的组件按预期运行，并避免潜在的开发相关问题。

Angular

现在支持组件属性中的字面联合类型。IntelliSense 可为这些特定类型提供代码自动补全功能。

您还可以指定通用类型参数来定义数据感知组件实例（如我们的 DataGrid）。

import { Component, ViewChild } from '@angular/core';
import { DxDataGridComponent } from 'devextreme-angular/ui/data-grid';
import { Employee } from './data';
@Component({
    selector: 'app-root',
    templateUrl: './app.component.html',
    styleUrls: ['./app.component.css']
})
export class AppComponent {
    @ViewChild(DxDataGridComponent) dataGrid!: DxDataGridComponent<Employee, number>;
    onButtonClick() {
        const selectedRows: Employee[] = this.dataGrid.instance.getSelectedRowData();
    }
}

演示

DevExtreme React 演示已迁移至 TypeScript。在评估过程中，您可以在 JavaScript 和 TypeScript 之间进行选择。

我们将所有 React 演示从类组件过渡到了函数组件，以使我们的演示与现代 React 开发实践更加一致。

对于 Vue，所有演示都转移到了 TypeScript。

我们还将 Options API 转换为 Composition API。

文档

我们添加了 500 多个与类型相关的帮助主题（例如 DataGrid - 类型部分）。现在，您可以根据需要查找有关字面联合、事件和带字段类型的信息。