Ver código fonte

feat: PermMenu组件更新Menu写法

lanjianrong 4 anos atrás
pai
commit
39752023b2
3 arquivos alterados com 13 adições e 8 exclusões
  1. 2 1
      .prettierignore
  2. 7 0
      README.md
  3. 4 7
      src/pages/Customer/Company/components/PermSelect.tsx

+ 2 - 1
.prettierignore

@@ -20,4 +20,5 @@ yarn-error.log
 .history
 CNAME
 /build
-/public
+/public
+README.md

+ 7 - 0
README.md

@@ -29,3 +29,10 @@ git reset --hard dev //并将 master 分支重置为 dev
 ## 强制推送
 
 git push origin master --force //将重置后的 master 分支强制推送更新
+
+## 开发注意:
+`1. ` 尽量使用typescript进行开发,包括使用tsx(定义其组件prop类型)。
+`2.` 新增路由页面:
+  `2.1. ` 要使用PageContainer包裹并将title、breadcrumb置为false(不需要渲染标题以及面包屑),水印配置视具体页面调整(默认配置查看app.tsx中的layout配置)。
+  `2.2. ` locales/zh-CH/menu.js要加上对应国际化配置。
+`3. ` 本项目使用@umijs/plugin-dva整合数据流进行全局状态管理, [详见](https://umijs.org/zh-CN/plugins/plugin-dva)

+ 4 - 7
src/pages/Customer/Company/components/PermSelect.tsx

@@ -52,13 +52,10 @@ const PermSelect: React.FC<PermSelectProps> = ({ dataType, onConfirm }) => {
   }
 
   const permMenu = (
-    <Menu onClick={({ key }) => handleOnChange(key)}>
-      {options.map(item => (
-        <Menu.Item key={item.value} value={item.value}>
-          {item.label}
-        </Menu.Item>
-      ))}
-    </Menu>
+    <Menu
+      onClick={({ key }) => handleOnChange(key)}
+      items={options.map(item => ({ key: item.value, value: item.value, label: item.label }))}
+    />
   )
   return (
     <>