前端项目实战74-子组件向父组件传值

const onOk = useCallback(() => {
        form.validateFields().then(res => {
            debugger
            const values = res as AddOrEditMenuFormProps;
            const info: any = {
                ...menu,
                ...values,
            };
            const flag = props.list.find((item)=>{
                return item.styleId == info.styleTypeId.value
            })
            if(flag){
                message.warning('此尺码已存在!')
            }else{
                values.list = props.list
                props.onConfirm({...values})
            }
        });
    }, []);

数据格式

{

   "styleTypeId": {

       "label": "12312",

       "value": 1,

       "key": 1

   },

   "list": [

       {

           "code": "黑",

           "id": 1,

           "name": "12312"

       },

       {

           "code": "黑",

           "id": 2,

           "name": "12312"

       },

       {

           "code": "黑",

           "id": 3,

           "name": "12312"

       },

       {

           "code": "黑",

           "id": 4,

           "name": "12312"

       },

       {

           "code": "天青色",

           "id": 5,

           "name": "天青色"

       },

       {

           "code": "红",

           "id": 6,

           "name": "红"

       },

       {

           "code": "青",

           "id": 7,

           "name": "青"

       },

       {

           "code": "绿",

           "id": 8,

           "name": "绿"

       },

       {

           "code": "蓝",

           "id": 9,

           "name": "蓝"

       },

       {

           "code": "橙",

           "id": 10,

           "name": "橙"

       },

       {

           "code": "黄",

           "id": 11,

           "name": "黄"

       },

       {

           "code": "黑",

           "id": 12,

           "name": "黑"

       },

       {

           "code": "1",

           "id": 13,

           "name": "1"

       }

   ]

}