[Field][QUESTION]field.autoUnmount=false，form.item[required=true]动态切换渲染，校验无法通过

[xmsz]

Component

Field

Feature Description

function App() {
  const field = Field.useField({ autoUnmount: false });
  const [visible, setVisible] = useState(true);
  return (
    <div className="App">
      {JSON.stringify(field.getNames())}
      <Button
        onClick={() => {
          setVisible(!visible);
        }}
      >
        切换item显示
      </Button>
      <Form field={field}>
        {visible && (
          <Form.Item label="文本" name="text" required>
            <Input />
          </Form.Item>
        )}
      </Form>
    </div>
  );
}

https://codesandbox.io/s/fusion-next-template-forked-bgp5vc?file=/src/index.js:209-220

未设置autoUnmount前，如果我把visible设置为false，那么field.getNames就没有了text

但是设置autoUnmount后，无论我怎么切换visible，field.getNames()里就一定有text

我的场景是

• 因为用到了Setp组件，所以必须autoUnmount设置为false，否则上一步设置的值会消失
• 我有个输入框是动态渲染的，有些场景下用户没有这个输入框
• 我这个输入框是required

现在的表现就导致，明明用户不需要输入这个内容，并且前端也没有渲染这个输入框。

但是校验的时候过不去，说用户未填写，因为getNames的时候仍然也有这个key

[YunMeng99]

你这个required根据visible去控制吧 因为autoUnmount为false 会保留自动卸载的组件数据。