用react 和 antd umi 写一个demo

好的，我可以为您提供一个简单的 demo 供参考。这个 demo 使用 React 框架，Ant Design UI 组件库以及 Umi.js 框架搭建。

首先，您需要安装 Node.js 和 yarn 包管理器。然后在命令行中输入以下命令来创建一个新的 Umi.js 项目：

yarn global add umi
umi init

在初始化过程中，您可以选择使用 TypeScript 或 JavaScript 作为开发语言，选择使用 Ant Design 或者自己手动配置 UI 组件库。在此 demo 中，我们选择 TypeScript 和 Ant Design。

创建完项目之后，进入项目目录并安装 Ant Design 相关依赖：

cd my-umi-app
yarn add antd @ant-design/icons

然后，您需要创建一个简单的组件来展示 Ant Design UI 组件，我们可以在 `src/pages/index.tsx` 文件中编写以下代码：

import { Button } from 'antd';

export default function IndexPage() {
  return (
    <div>
      <h1>Hello Umi.js + Ant Design!</h1>
      <Button type="primary">Button</Button>
    </div>
  );
}

最后，在命令行中输入以下命令来启动项目：

yarn start

在浏览器中打开 `http://localhost:8000/`，您应该可以看到一个简单的页面，其中包含一个标题和一个 Ant Design 的按钮。

这只是一个简单的 demo，您可以根据自己的需求扩展它。希望对您有所帮助！