🐛[BUG] ProTable 中使用renderFormItem联动渲染Select失败，无法展示

adw2022 commented 1 year ago

提问前先看看：

https://github.com/ryanhanwu/How-To-Ask-Questions-The-Smart-Way/blob/main/README-zh_CN.md

🐛 bug 描述

ProTable 中通过renderFormItem动态渲染Select 失败，默认初始化渲染异常，切换无效果，重置按钮也不生效；如果将fieldProps.mode去除，Select单选模式下切换可以正常渲染，但是初始化及重置按钮还是无效

📷 复现步骤

https://codesandbox.io/s/protable-lian-dong-ce-shi-iddrlt?file=/App.tsx

🏞 期望结果

表单渲染正常

💻 复现代码

import { ProTable } from "@ant-design/pro-components";
import React from "react";

export default () => {
  const columns = [
    {
      title: "状态",
      dataIndex: "status",
      hideInForm: true,
      valueType: "select",
      initialValue: false,
      fieldProps: {
        options: [
          {
            label: "Yes",
            value: true
          },
          {
            label: "No",
            value: false
          }
        ]
      }
    },
    {
      title: "color",
      sorter: true,
      dataIndex: "color",
      valueType: "select",
      fieldProps: {
        mode: "multiple",
        options: [
          {
            label: "blue",
            value: "blue"
          },
          {
            label: "black",
            value: "black"
          }
        ]
      },
      renderFormItem: (item, { defaultRender, ...rest }, form) => {
        const status = form.getFieldValue("status");

        if (status === false) {
          return false;
        }

        return defaultRender(item);
      }
    }
  ];
  return (
    <ProTable
      columns={columns}
      rowKey="key"
      options={false}
      dateFormatter="string"
      headerTitle="测试"
    />
  );
};