feat: init

README.md

@@ -1,15 +0,0 @@
-# umi project
-
-## Getting Started
-
-Install dependencies,
-
-```bash
-$ yarn
-```
-
-Start the dev server,
-
-```bash
-$ yarn start
-```

config/config.ts

@@ -20,4 +20,9 @@ export default defineConfig({
   favicon: '/favicon.ico',// 网站图标
   dynamicImport: {}, // 按需加载
   mountElementId: 'root', // 指定 reactapp 渲染到元素的根元素 id
+
+  // 主题
+  theme: {
+    '@primary-color': 'red',
+  },
 });

package.json

@@ -28,7 +28,7 @@
   "devDependencies": {
     "@types/react": "^17.0.0",
     "@types/react-dom": "^17.0.0",
-    "@umijs/preset-react": "1.x",
+    "@umijs/preset-react": "latest",
     "@umijs/test": "^3.5.41",
     "lint-staged": "^10.0.7",
     "prettier": "^2.2.0",

src/components/Box.tsx

@@ -0,0 +1,13 @@
+import {useState} from "react";
+import { Button } from 'antd'
+export function  BoxDiv(){
+  let [number, setNumber] = useState(0)
+  function clickHandler(){
+    setNumber(number+1);
+  }
+
+  return (<div>
+    <h1>Box-{number}</h1>
+    <Button onClick={ clickHandler }>+</Button>
+  </div>)
+}

src/pages/index.tsx

@@ -1,9 +1,12 @@
 import styles from './index.less';
-
+import { Button } from 'antd'
+import { BoxDiv } from '@/components/Box'
 export default function IndexPage() {
   return (
     <div>
       <h1 className={styles.title}>Page index</h1>
+      <Button type={"primary"}>Click</Button>
+      <BoxDiv></BoxDiv>
     </div>
   );
 }