面试题：TypeScript前端路由类型约束的基础实现

Question

假设你正在使用TypeScript设计一个简单的前端路由系统，要求对路由路径和组件进行类型约束。请编写一个函数，接受路由路径（字符串类型）和对应的组件类型（假设为React组件类型，可简单定义为`React.ComponentType`），并返回一个路由配置对象。请展示如何使用TypeScript的类型定义来确保路径和组件类型的一致性。

Answer 1

import React from'react';

// 定义路由配置对象的类型
type RouteConfig = {
    path: string;
    component: React.ComponentType;
};

// 定义函数，接受路由路径和组件类型，返回路由配置对象
function createRoute(path: string, component: React.ComponentType): RouteConfig {
    return {
        path,
        component
    };
}