回调函数renderFormItem 内部的if 形式，会影响到它本身是否被执行？

[ahuigo]

🧐 问题描述

为什么下面的代码

1. if (!val) { return null; } // 不联动（if 本身不会执行）
2. if(val==""){return null;} 就可以联动？（if本身会执行）

为什么回调函数renderFormItem 内部的if代码，会影响它变成非受控组件？而且if 条件表达式的值是完全一致的。

💻 示例代码

https://codesandbox.io/p/sandbox/vigorous-bohr-pvy2s7

renderFormItem: (item, { type, defaultRender, ...rest }, form) => {
        const val = form.getFieldValue('user');
        // if (!val) { return null; } // 不联动
        if (val == "") { return null; } //联动
        return <Input {...rest} />;
 },

完整的代码：

import type { ActionType, ProColumns } from "@ant-design/pro-components";
import { ProTable } from "@ant-design/pro-components";
import { Input } from "antd";

export default () => {
  const columns: ProColumns<{}>[] = [
    {
      title: "User",
      initialValue: "",
      dataIndex: "user",
    },
    {
      title: "Password",
      key: "passwd",
      hideInTable: true,
      dataIndex: "passwd",
      renderFormItem: (item, { type, defaultRender, ...rest }, form) => {
        const val = form.getFieldValue("user");
        // if (!val) { return null; } // 不联动
        if (val == "") {
          return null;
        } //联动
        return <Input {...rest} />;
      },
    },
  ];
  return (
    <ProTable<{}>
      columns={columns}
      form={{
        onValuesChange: (changedValues, allValues) => {
          console.log(changedValues); // values that have changed
        },
      }}
    />
  );
};