ant+table+model函数式处理1

坑：model打开的时候传递的数据是异步的

解决：在table上打开model的时候创建一个中间的状态；对真实数据进行传递

基本数据

table

  {
            title: '操作',
            key: 'hand',
            render: (_: any, row: any) => {
                return (
                    <div className='btns'>
//获取当前行真实数据
                        <button onClick={() => showModal(row)}> 退款处理</button>
                    </div>
                )
            }
        },

model

 <Table columns={columns} dataSource={salesdata} loading={loading} pagination={Pagination} />
                <Modal 
                   open={isModalOpen}
//对真实数据当做参数进行传递
                    onOk={() => handleOk(middledata)}
                    onCancel={handleCancel}
                </Modal>

处理：

   //对话框打开
    const showModal = (row: any) => {
        setIsModalOpen(true);
//中间状态传递真实数据
        setMiddledata(row)
    };

 //点击ok按钮获取真实数据
    const handleOk = (middle: any) => {
        console.log(row);
        // console.log('middle', middle);
        console.log(control);
        //修改状态
        service.StatusUpdata({ id: middle.id}).then((res) => {
            console.log(res);
        })
    };

ant+table+model组件式处理https://blog.csdn.net/WonderGlans/article/details/83379716?ops_request_misc=&request_id=&biz_id=102&utm_term=antd-design%E7%9A%84modal%E4%BA%8Etable%E4%BC%A0%E5%80%BC&utm_medium=distribute.pc_search_result.none-task-blog-2~all~sobaiduweb~default-9-83379716.142^v71^one_line,201^v4^add_ask&spm=1018.2226.3001.4187