[formitem] 希望增加formitem独立校验能力

[CassenChan]

这个功能解决了什么问题

现在的formitem的校验能力是依赖于form管理的，但是在有些场景下用户只希望用到formitem的样式，只希望用到label、requiredMark等样式的api，背后的数据状态是自己管理的，这样就会导致一个问题是：formitem中输入的内容没办法做到校验，希望formitem能够新增一个api，实现脱离form也能使用到校验的能力。

类似于下面这个demo，formitem外面不要包form，但是rules能够起到作用，当然api的名字不叫rules。
https://stackblitz.com/edit/react-6vysbz?file=src%2Fdemo.jsx

简单来说就是增加一个脱离form的formitem校验能力

你建议的方案是什么

简单来说就是增加一个脱离form的formitem校验能力

[github-actions]

👋 @CassenChan，感谢给 TDesign 提出了 issue。
请根据 issue 模版确保背景信息的完善，我们将调查并尽快回复你。

[chaishi]

辛苦列举一下期望的单独的 FormItem，最后的使用方式是什么，我们评估下是否真的可以更简洁

[CassenChan]

就是不在form管理下，单独使用item，并且rules这个api能像label，requiredMark之类的api一样单独使用。这个问题同ky交流过，你们可以对齐一下 发自我的iPhone

…

------------------ 原始邮件 ------------------ 发件人: sheepluo ***@***.***> 发送时间: 2023年2月8日 11:42 收件人: Tencent/tdesign-react ***@***.***> 抄送: CassenChen ***@***.***>, Mention ***@***.***> 主题: 回复：[Tencent/tdesign-react] [formitem] 希望增加formitem独立校验能力 (Issue #1928) 辛苦列举一下期望的单独的 FormItem，最后的使用方式是什么，我们评估下是否真的可以更简洁 — Reply to this email directly, view it on GitHub, or unsubscribe. You are receiving this because you were mentioned.Message ID: ***@***.***>

[honkinglin]

可以再具体一点，用伪代码表示下你最终希望怎么使用这个组件，这个组件会有哪些功能
我理解的是你希望能有个独立校验的组件？你可以描述的再清楚一点

  <Validator value={xx} rules={xxx} trigger={x}>
    <input  />
  </Validator>

这个功能解决了什么问题

现在的formitem的校验能力是依赖于form管理的，但是在有些场景下用户只希望用到formitem的样式，只希望用到label、requiredMark等样式的api，背后的数据状态是自己管理的，这样就会导致一个问题是：formitem中输入的内容没办法做到校验，希望formitem能够新增一个api，实现脱离form也能使用到校验的能力。

类似于下面这个demo，formitem外面不要包form，但是rules能够起到作用，当然api的名字不叫rules。 https://stackblitz.com/edit/react-6vysbz?file=src%2Fdemo.jsx

简单来说就是增加一个脱离form的formitem校验能力

你建议的方案是什么

简单来说就是增加一个脱离form的formitem校验能力

[CassenChan]

https://stackblitz.com/edit/react-26u4gm?file=src%2Fdemo.jsx这块参考这个例子，上面div是有限数量的话，我可以自己设定状态数量来实现独立校验，但是下面这种情况，我不清楚数量，那么就没办法实现，不能动态地去创建useState嘛，而且也不好管理，或者有无其他解决方案？

[honkinglin]

https://stackblitz.com/edit/react-26u4gm?file=src%2Fdemo.jsx这块参考这个例子，上面div是有限数量的话，我可以自己设定状态数量来实现独立校验，但是下面这种情况，我不清楚数量，那么就没办法实现，不能动态地去创建useState嘛，而且也不好管理，或者有无其他解决方案？

可以用数组维护不定量的状态或数据
https://stackblitz.com/edit/react-26u4gm-nayx2p?file=src%2Fdemo.jsx