FormItem required 为 undefined 时会使 必选样式 丢失

[liixing]

Reproduction link

https://stackblitz.com/edit/react-ts-kxpvis?file=App.tsx

Steps to reproduce

FormItem required 为 undefined 时会使 必选样式 丢失

What is expected?

rules 里面有 required 后，required 传 undefined 时不会影响必选样式

What is actually happening?

FormItem required 为 undefined 时会使 rules 里的必选样式丢失

Environment	Info
antd	5.4.0
React	18.1.0
System	macos Ventura version 13.2.1
Browser	chrome Version 111.0.5563.146 (Official Build) (x86_64)

[Wxh16144]

应该是漏掉了某些 props 导致的内部判断有些问题。你可以先这样使用。

interface MyFormInputProps extends FormItemProps {
  inputProps: InputProps;
}

function MyFormInput(props: MyFormInputProps) {
  const { inputProps, ...formProps } = props;
  return (
    <Form.Item {...formProps}>
      <Input {...inputProps} />
    </Form.Item>
  );
}

[liixing]

@Wxh16144 不是漏传，是 required 传了 undefined 后就会丢失必选样式

[Yuiai01]

@liixing 是指 required 的样式丢失了吗？

[liixing]

@Yuiai01 是的

[Yuiai01]

不是漏传，是 required 传了 undefined 后就会变成可选

感谢你的指出，根据你提供的 demo， 我找到了问题。参数透传下去有些默认的值会被覆盖。这里还需要处理一下 formItemProps，如下所示

 Object.keys(formItemProps).forEach((propName) => {
    if (typeof formItemProps[propName] === 'undefined') {
      delete formItemProps[propName];
    }
  });

应该是这里被覆盖了

[zombieJ]

嗯，见上。这相当于自己覆盖了一个 required。

[liixing]

@zombieJ 这感觉不妥吧， isRequred 判断了 required 为 undefined 情况但是下面却被覆盖了，感觉这应该 merge 一下

[Wxh16144]

感觉不妥吧， isRequred 判断了 required 为 undefined 情况但是下面却被覆盖了，感觉这应该 merge 一下

我和你看法一致，我这边已经在做了，带会儿提交 PR 看看用例通过情况。