react中在普通的ts文件中使用antd不在类组件中使用

在普通的 TypeScript 文件中使用 Ant Design，可以按照以下步骤进行操作：

1. 安装 Ant Design：在项目根目录下运行以下命令：

npm install antd

2. 在需要使用 Ant Design 的文件中，导入所需的组件。例如，在一个名为 example.tsx 的文件中，你可以这样导入 Button 组件：

import { Button } from 'antd';

3. 在需要使用的地方使用导入的组件。例如，在 example.tsx 文件中，你可以这样使用 Button 组件：

const Example = () => {
  return (
    <Button type="primary">Click me</Button>
  );
}

export default Example;

这样，你就可以在普通的 TypeScript 文件中使用 Ant Design 的组件了。请注意，如果你在项目中使用了 Babel，你还需要在 Babel 配置文件中配置按需加载（按需加载可以减少打包体积）。

希望这些信息对你有所帮助！如有更多疑问，请随时提问