antd表单的ProTable组件为可编辑表格时，数据源改变但是表格没重新渲染

最新推荐文章于 2024-05-09 15:27:46 发布

呐呐呐呐。

最新推荐文章于 2024-05-09 15:27:46 发布

阅读量879

点赞数

文章标签：数据库

本文链接：https://blog.csdn.net/m0_56542349/article/details/133710326

版权

//去掉dataIndex后只要dataSource变化，则dom就一定会渲染
// dataIndex: ‘value’,

{
      title: '按单处理',
      //去掉dataIndex后只要dataSource变化，则dom就一定会渲染
      // dataIndex: 'value',
      width: 120,
      editable: false,
      render: (_: any, record: any) => {
        return (
            <ProFormSelect
              allowClear
              formItemProps={{
                className: styles['no-margin-bottom'],
              }}
              fieldProps={{
                value: record.value,
                options: huiDanOptions,
                onChange(e) {
                  console.log('fatafa', e);
                  if (e) {
                    record.value = e;
                    record.boxs.forEach((o: any) => (o.value = e));
                  } else {
                    record.value = null;
                    record.boxs.forEach((o: any) => (o.value = null));
                  }

                  setDataSource((val: []) => [...val]);
                },
                getPopupContainer() {
                  return document.body;
                },
              }}
            />
          )
        );
      },
    },