文件上传组件优化.

baseComponents/FormArray/DiyUploadOneStopFile.js

@@ -3,10 +3,11 @@ import { List, Switch, Button, Toast, Icon } from 'antd-mobile';
 import styles from './styles.less';
 import { uploadOnestopFile } from '@/H5Public/baseComponents/UploadFile/api';
 import systemConfig from '@/config/config';
+import { giveRequiredName } from './index';
 const Brief = List.Item.Brief;
 
 export default function DiyUploadOneStopFile(props) {
-  const { config, formValue = {}, giveRequiredName, changeValue,  } = props;
+  const { config, formValue = {},  changeValue,  } = props;
   const { readOnly, accept = "*", extInfo } = config;
   const [files, setFiles] = useState([]);
   const inputRef = useRef(null);
@@ -44,7 +45,9 @@ export default function DiyUploadOneStopFile(props) {
   };
 
   useEffect(() => {
-    changeValue(files, config.key);
+    if(changeValue && typeof changeValue === 'function') {
+      changeValue(files, config.key);
+    }
   }, [files]);
 
   const deleteItem = (data) => {
@@ -92,7 +95,11 @@ export default function DiyUploadOneStopFile(props) {
             files.map((g) => {
               return <div key={g.path} className={styles.fileItem}>
                 {/* TODO 加个弹窗的预览功能 */}
-                <a href={systemConfig.sqlFormsServer + g.path} target={'_blank'}>{g.name}</a> {!readOnly && <Icon type={'cross-circle'} onClick={deleteItem.bind(this, g)} /> }
+                <a href={systemConfig.sqlFormsServer + g.path}
+                   target={'_blank'}>
+                  {g.name}
+                </a>
+                {!readOnly && <Icon type={'cross-circle'} onClick={deleteItem.bind(this, g)} /> }
               </div>;
             })
           }