数据更新 页面不更新

[whqgo]

const columns = useRef<any>([
    {
        key: 'sort',
        dataIndex: 'key',
        editable: false,
        width: 30,
    },
    {
        title: '序号',
        key: 'serial',
        dataIndex: 'serial',
        // editable: false,
        width: '60px',
        // render: (_: any, __: any, index: number) => index + 1, // 使用 index + 1 作为序号值
    },
    {
        title: '字段名称',
        dataIndex: 'lable',
        width: '30%',
    },
    {
        title: '是否显示',
        dataIndex: 'visible',
        valueType: 'checkbox',
        width: '30%',
        renderFormItem: (_: any, itemRecord: any) => {
            // 自定义复选框的渲染
            return <Checkbox onChange={(e) => {
                console.log(itemRecord, "===record===");
              
                // record
                setDataSource((dataSource: any) => {
                    let _dataSource = cloneDeep(dataSource)
                    let recordfind = _dataSource.find((f: any) => f.id === itemRecord.record.id)
                    recordfind.visible = false
                    console.log(_dataSource, "===_dataSource====");

                    return _dataSource
                })

            }} checked={itemRecord.record.visible}>{itemRecord.record.visible}</Checkbox>
        }
    },

    {
        title: '操作',
        valueType: 'option',
        width: 250,
        render: () => {
            return null;
        },
    },
])

我修改了 数据 但是页面并没有更新

[whqgo]

                        headerTitle=""
                        columns={columns.current}
                        rowKey="id"
                        scroll={{
                            x: 960,
                        }}
                        value={dataSource}
                        onChange={(e)=>{
                            console.log(e,"=====EditableProTable======onChange=======");
                            debugger
                            
                            setDataSource(()=>e)
                        }}
                        recordCreatorProps={false}
                        // recordCreatorProps={{
                        //     newRecordType: 'dataSource',
                        //     // position: 'top',
                        //     // 设置按钮文案
                        //     creatorButtonText: '新增一行',
                        //     record: () => ({
                        //         id: Date.now(),
                        //     }),
                        // }}
                        // toolBarRender={() => {
                        //     return [
                        //         <Button
                        //             type="primary"
                        //             key="save"
                        //             onClick={() => {
                        //                 // dataSource 就是当前数据，可以调用 api 将其保存
                        //                 console.log(dataSource);
                        //             }}
                        //         >
                        //             保存数据
                        //         </Button>,
                        //     ];
                        // }}
                        editable={{
                            type: 'multiple',
                            editableKeys,
                            actionRender: (row, config, defaultDoms) => {
                                return [defaultDoms.delete];
                            },
                            onValuesChange: (record, recordList) => {
                                console.log(record, "==onValuesChange=record===");
                                console.log(recordList, "==onValuesChange=recordList===");
                                
                                setDataSource((data)=>{


                                    return data
                                });
                            },
                            onChange: setEditableRowKeys,
                        }}
                        // pagination={false}
                        components={{
                            body: {
                                row: RowH,
                            },
                        }}
                    />
                </SortableContext>
            </DndContext>