📌 versions: default use react@17

package.json

 {
   "name": "ant-design-pro",
-  "version": "4.3.0",
+  "version": "4.4.0",
   "private": true,
   "description": "An out-of-box UI solution for enterprise applications",
   "scripts": {
@@ -65,8 +65,8 @@
     "moment": "^2.25.3",
     "omit.js": "^2.0.2",
     "qs": "^6.9.0",
-    "react": "^16.8.6",
-    "react-dom": "^16.8.6",
+    "react": "^17.0.0",
+    "react-dom": "^17.0.0",
     "react-helmet-async": "^1.0.4",
     "umi": "^3.2.14",
     "umi-request": "^1.0.8",
@@ -81,7 +81,7 @@
     "@types/lodash": "^4.14.144",
     "@types/qs": "^6.5.3",
     "@types/react": "^17.0.0",
-    "@types/react-dom": "^16.8.4",
+    "@types/react-dom": "^17.0.0",
     "@types/react-helmet": "^6.1.0",
     "@umijs/fabric": "^2.3.0",
     "@umijs/plugin-blocks": "^2.0.5",

src/pages/ListTableList/components/UpdateForm.tsx

@@ -70,6 +70,7 @@ const UpdateForm: React.FC<UpdateFormProps> = (props) => {
             id: 'pages.searchTable.updateForm.ruleName.nameLabel',
             defaultMessage: '规则名称',
           })}
+          width="m"
           rules={[
             {
               required: true,
@@ -84,6 +85,7 @@ const UpdateForm: React.FC<UpdateFormProps> = (props) => {
         />
         <ProFormTextArea
           name="desc"
+          width="m"
           label={intl.formatMessage({
             id: 'pages.searchTable.updateForm.ruleDesc.descLabel',
             defaultMessage: '规则描述',
@@ -118,6 +120,7 @@ const UpdateForm: React.FC<UpdateFormProps> = (props) => {
       >
         <ProFormSelect
           name="target"
+          width="m"
           label={intl.formatMessage({
             id: 'pages.searchTable.updateForm.object',
             defaultMessage: '监控对象',
@@ -129,6 +132,7 @@ const UpdateForm: React.FC<UpdateFormProps> = (props) => {
         />
         <ProFormSelect
           name="template"
+          width="m"
           label={intl.formatMessage({
             id: 'pages.searchTable.updateForm.ruleProps.templateLabel',
             defaultMessage: '规则模板',
@@ -168,6 +172,7 @@ const UpdateForm: React.FC<UpdateFormProps> = (props) => {
       >
         <ProFormDateTimePicker
           name="time"
+          width="m"
           label={intl.formatMessage({
             id: 'pages.searchTable.updateForm.schedulingPeriod.timeLabel',
             defaultMessage: '开始时间',
@@ -190,6 +195,7 @@ const UpdateForm: React.FC<UpdateFormProps> = (props) => {
             id: 'pages.searchTable.updateForm.object',
             defaultMessage: '监控对象',
           })}
+          width="m"
           width="xs"
           valueEnum={{
             month: '月',

tsconfig.json

@@ -6,7 +6,7 @@
     "lib": ["esnext", "dom"],
     "sourceMap": true,
     "baseUrl": ".",
-    "jsx": "react",
+    "jsx": "preserve",
     "allowSyntheticDefaultImports": true,
     "moduleResolution": "node",
     "forceConsistentCasingInFileNames": true,