feat: ProFormSelect的数据更新使用key

main
zhoux 2 years ago
parent 53435bdb39
commit 77933d6de3

@ -7,11 +7,10 @@ import {
ProFormText, ProFormText,
ProFormUploadDragger, ProFormUploadDragger,
} from '@ant-design/pro-components'; } from '@ant-design/pro-components';
import {Button, Form, Image, message, Spin} from 'antd'; import { Form, Image, Spin, message } from 'antd';
import React, { useEffect, useState } from 'react'; import React, { useEffect, useState } from 'react';
// @ts-ignore // @ts-ignore
import cookie from 'react-cookies'; import cookie from 'react-cookies';
import { API } from 'types';
const ShowInfoDemo: React.FC = () => { const ShowInfoDemo: React.FC = () => {
const [form] = Form.useForm(); const [form] = Form.useForm();
const [imageUrl, setImageUrl] = useState<string>(''); const [imageUrl, setImageUrl] = useState<string>('');
@ -30,8 +29,15 @@ const ShowInfoDemo: React.FC = () => {
// gender: '男', // gender: '男',
// }) // })
} }
function doAddField(data) { function doAddField(record) {
setKeyNameList(data); console.log('doAddField_data', record);
setKeyNameList((data) => {
return record.map((item) => {
item.valueLabel = item.value;
item.value = item.key;
return item
});
});
} }
useEffect(() => { useEffect(() => {
@ -61,23 +67,23 @@ const ShowInfoDemo: React.FC = () => {
showUploadList: false, showUploadList: false,
listType: 'picture-card', listType: 'picture-card',
onChange: (info) => { onChange: (info) => {
if(info.file.status === 'done') { if (info.file.status === 'done') {
setIsLoading(false); setIsLoading(false);
message.success('分析成功').then(r => {}); message.success('分析成功').then((r) => {});
console.log(info, 'info'); console.log(info, 'info');
doAddField(info.file.response.data) doAddField(info.file.response.data);
} }
if(info.file.status === 'error') { if (info.file.status === 'error') {
setIsLoading(false); setIsLoading(false);
message.error('请求失败').then(r => {}); message.error('请求失败').then((r) => {});
console.log(info, 'info'); console.log(info, 'info');
doAddField([]) doAddField([]);
} }
}, },
beforeUpload: (file) => { beforeUpload: (file) => {
form.resetFields(['name1']); form.resetFields(['name1']);
setIsLoading(true); setIsLoading(true);
doAddField([]) doAddField([]);
const reader = new FileReader(); const reader = new FileReader();
reader.onload = (e) => { reader.onload = (e) => {
setImageUrl(e.target?.result as string); setImageUrl(e.target?.result as string);
@ -126,7 +132,7 @@ const ShowInfoDemo: React.FC = () => {
<ProFormDependency name={['name1']}> <ProFormDependency name={['name1']}>
{({ name1 }) => { {({ name1 }) => {
if (name1) { if (name1) {
form.setFieldValue('activeKey', name1.value); form.setFieldValue('activeKey', name1.valueLabel);
console.log(name1, 'ProFormDependency_name1'); console.log(name1, 'ProFormDependency_name1');
return ( return (
<ProFormText <ProFormText

Loading…
Cancel
Save