asder

src/components/InitForm/FormItems.jsx

-import React, { useState, useRef, memo, createElement, useEffect } from "react";
+import useDidUpdateEffect from "@/hooks/useDidUpdateEffect";
+import { doFetch } from "@/utils/doFetch";
+import {
+  CloseOutlined,
+  DownOutlined,
+  PlusOutlined,
+  RedoOutlined,
+} from "@ant-design/icons";
 import {
   ProForm,
-  ProFormDependency,
-  ProFormSelect,
-  ProFormText,
-  ProFormMoney,
-  ProFormTextArea,
-  ProFormDigit,
-  ProFormDigitRange,
+  ProFormCascader,
+  ProFormCheckbox,
   ProFormDatePicker,
-  ProFormDateTimePicker,
   ProFormDateRangePicker,
+  ProFormDateTimePicker,
   ProFormDateTimeRangePicker,
-  ProFormTimePicker,
-  ProFormTreeSelect,
-  ProFormCheckbox,
+  ProFormDependency,
+  ProFormDigit,
+  ProFormDigitRange,
+  ProFormList,
+  ProFormMoney,
   ProFormRadio,
-  ProFormCascader,
-  ProFormSwitch,
   ProFormRate,
+  ProFormSelect,
   ProFormSlider,
-  ProFormUploadDragger,
+  ProFormSwitch,
+  ProFormText,
+  ProFormTextArea,
+  ProFormTimePicker,
+  ProFormTreeSelect,
   ProFormUploadButton,
-  ProFormList,
+  ProFormUploadDragger,
 } from "@ant-design/pro-components";
+import * as Antd from "antd";
 import ImgCrop from "antd-img-crop";
-import { doFetch } from "@/utils/doFetch";
 import dayjs from "dayjs";
-import * as Antd from "antd";
-import {
-  PlusOutlined,
-  DownOutlined,
-  CloseOutlined,
-  RedoOutlined,
-} from "@ant-design/icons";
-import EditTable from "./EditTable";
+import { createElement, memo, useRef, useState } from "react";
 import EditorItem from "./EditorItem";
+import EditTable from "./EditTable";
 
 const { Image, Form, Upload, Col, Dropdown, Menu, Tabs } = Antd;
 
@@ -455,7 +456,7 @@ function NolinkSelect({ item, colProps }) {
   return (
     <>
       <ProFormSelect
-        fieldProps={{...item.fieldProps,dropdownMatchSelectWidth:200}}
+        fieldProps={{ ...item.fieldProps, dropdownMatchSelectWidth: 200 }}
         formItemProps={item.formItemProps}
         name={item.key ?? item.dataIndex}
         colProps={item.colProps ?? colProps}
@@ -1391,8 +1392,9 @@ function TableSelect({ item, value, onChange, params = {} }) {
       }
     />
   );
-  useEffect(() => {
-    onChange([]);
+
+  useDidUpdateEffect(() => {
+    onChange(null);
     actionRef?.current?.reload?.();
   }, [params]);
 
@@ -1419,7 +1421,7 @@ function TableSelect({ item, value, onChange, params = {} }) {
         ...item.rowSelection,
         columnWidth: 44,
         preserveSelectedRowKeys: true,
-        selectedRowKeys: value && value?.map((it) => it[rowKey]),
+        selectedRowKeys: value ? value?.map((it) => it[rowKey]) : [],
         onChange: (selectedKeys, selectedRows) => {
           const rowkeylist = value ? value?.map((it) => it[rowKey]) : [];
           const newValue = selectedRows?.map((its) => {
@@ -1467,7 +1469,7 @@ function TableSelect({ item, value, onChange, params = {} }) {
         ...item.rowSelection,
         columnWidth: 44,
         preserveSelectedRowKeys: true,
-        selectedRowKeys: value && value?.map((it) => it[rowKey]),
+        selectedRowKeys: value ? value?.map((it) => it[rowKey]) : [],
         onChange: (selectedKeys, selectedRows) => {
           const rowkeylist = value ? value?.map((it) => it[rowKey]) : [];
           const newValue = selectedRows?.map((its) => {
@@ -1500,7 +1502,7 @@ function TableSelect({ item, value, onChange, params = {} }) {
       <Tabs
         tabBarExtraContent={
           <div className="center">
-            <Dropdown overlay={menu(value ?? [])}>
+            <Dropdown menu={menu(value ?? [])}>
               <a>
                 已选择{value?.length ?? 0}项 <DownOutlined />
               </a>

src/components/InitForm/index.jsx

@@ -130,7 +130,7 @@ function InitForm({
                     variant="contained"
                     onClick={(e) => {
                       e.preventDefault();
-                      return props.form?.submit?.()
+                      return props.form?.submit?.();
                     }}
                   >
                     提交

src/components/TreeRender/index.jsx

@@ -369,7 +369,8 @@ function TreeRender({
         </IconButton>
         <Modal
           {...drawer}
-          closable={true}
+          closable={false}
+          maskClosable={true}
           title="新增章标题"
           okText="新增"
           cancelText="取消"

src/hooks/useDidUpdateEffect.js

+import { useEffect, useRef } from "react";
+
+const useDidUpdateEffect = (fn, inputs) => {
+  const didMountRef = useRef(false);
+  useEffect(() => {
+    if (didMountRef.current) fn();
+    else didMountRef.current = true;
+  }, inputs);
+};
+
+export default useDidUpdateEffect;

src/pages/lessons/index.jsx

@@ -149,9 +149,9 @@ function Lessons() {
           ></InitForm>
         ) : (
           <InitForm
-            // defaultFormValue={{
-            //   teacherIdList: dialogprops?.teacherIdList,
-            // }}
+            defaultFormValue={{
+              teacherIdList: dialogprops?.teacherIdList,
+            }}
             fields={[
               {
                 rowKey: "id",