查了一下文档总结一下最近Form.Item遇到的问题：
Form.Item 外层包 div：完全不影响（符合 Form 文档规则）
根据 Form 文档的「上下文管理逻辑」，div 是 HTML 原生的纯容器元素，不具备「改变 DOM 上下文」或「转移渲染位置」的能力 —— 外层包 div 后，Form.Item 仍然是 Form 的直接 / 间接子元素，完全处于 FormContext 覆盖范围内。
结论：div 仅用于样式 / 布局，不破坏 Form.Item 与 Form 的上下文关联，因此完全不影响值的读取。
Form.Item 外层包 Popover：可能影响，需按 Popover 文档规则处理
-
默认使用 Portal 转移渲染位置：文档「API」部分明确
getPopupContainer属性的默认值是() => document.body—— 这意味着 Popover 的「弹出内容」（即content属性或嵌套的弹出部分）会 渲染到<body>标签下，而非原 DOM 树中 Popover 所在的位置。 -
上下文脱离风险：若将
Form.Item放在 Popover 的「弹出内容」中，Form.Item会被 Portal 转移到<body>下，完全脱离原 Form 组件的 DOM 上下文—— 根据 Form 文档的「上下文关联规则」，此时Form.Item无法被 Form 的FormContext识别
基于文档的解决方案（2 种，优先推荐第 1 种）
结合 Popover 文档的「自定义弹出容器」和 Form 文档的「上下文规则」，有两种合规方案：
方案 1：将 Form.Item 放在 Popover 外部，仅弹出层放控件（文档推荐逻辑）
这是最安全的方式 —— 根据 Form 文档「Form.Item 是字段包装器」的定义，只需让 Form.Item 保持在 Form 上下文内，Popover 仅包裹内部控件即可：
jsx
<Form form={form}>
{/* Form.Item 在 Form 上下文内，Popover 仅包裹控件 */}
<Form.Item name="email" label="邮箱">
<Popover
content="请输入有效的邮箱地址（如 xxx@xx.com）"
title="提示"
>
{/* 控件在弹出层内，但 Form.Item 在外层保持关联 */}
<Input placeholder="请输入邮箱" />
</Popover>
</Form.Item>
</Form>
- 符合 Popover 文档「
content用于展示辅助信息」的设计初衷，也完全遵循 Form 文档的上下文规则，无任何值读取问题。
方案 2：通过 getPopupContainer 让弹出内容留在 Form 上下文内（文档属性支持）
若必须在 Popover 弹出层中放 Form.Item，可按 Popover 文档「getPopupContainer 自定义弹出容器」的说明，将弹出内容渲染到 Form 内部的 DOM 节点下，避免脱离上下文：
jsx
<Form form={form} ref={formRef}>
<Popover
// 弹出内容包含 Form.Item
content={
<Form.Item name="phone" label="手机号">
<Input placeholder="请输入手机号" />
</Form.Item>
}
title="补充手机号"
// 关键：让弹出内容渲染到 Form 内部（而非 body）
getPopupContainer={() => formRef.current}
>
<Button>点击补充手机号</Button>
</Popover>
</Form>
- 文档说明：
getPopupContainer的作用是「指定弹出框挂载的父节点」，通过此属性可强制弹出内容留在 Form 的 DOM 范围内，确保Form.Item能被FormContext识别； - 注意：文档也提示此方案可能引发「弹出层被父元素遮挡」（需配合
z-index调整样式），因此仅在方案 1 无法满足需求时使用。
所以我采取的方案1；
<Form form={form}>
<Popover
trigger="click"
title="补充信息"
contonent=“手机号必须是以定位数组”
>
<Form.Item name="phone" label="手机号">
<Input placeholder="请输入手机号" />
</Form.Item>
</Popover>
</Form>
这样是可以获取的
如果遇到了这些包裹情况不能获取，可能是其他原因，比如说开关组件要加上valuePropName属性位checked等
