tdesign-react
tdesign-react copied to clipboard
Tencent
[formitem] 希望增加formitem独立校验能力
这个功能解决了什么问题
现在的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，感谢给 TDesign 提出了 issue。 请根据 issue 模版确保背景信息的完善，我们将调查并尽快回复你。
![github-actions[bot] avatar](https://avatars.githubusercontent.com/in/15368?v=4 "Published by a pub.dev verified publisher"){kind=small}
就是不在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: @.***>
可以再具体一点，用伪代码表示下你最终希望怎么使用这个组件，这个组件会有哪些功能 我理解的是你希望能有个独立校验的组件？你可以描述的再清楚一点
<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校验能力
https://stackblitz.com/edit/react-26u4gm?file=src%2Fdemo.jsx这块参考这个例子，上面div是有限数量的话，我可以自己设定状态数量来实现独立校验，但是下面这种情况，我不清楚数量，那么就没办法实现，不能动态地去创建useState嘛，而且也不好管理，或者有无其他解决方案？
可以用数组维护不定量的状态或数据 https://stackblitz.com/edit/react-26u4gm-nayx2p?file=src%2Fdemo.jsx