当前位置:网站首页>【Antd】Antd 如何在 Form.Item 中有 Input.Gourp 时获取 Input.Gourp 的每一个 Input 的value
【Antd】Antd 如何在 Form.Item 中有 Input.Gourp 时获取 Input.Gourp 的每一个 Input 的value
2022-07-04 12:48:00 【似酒龙井】
【Antd】Antd 如何在 Form.Item 中有 Input.Gourp 时获取 Input.Gourp 的每一个 Input 的value
我的方法是在 Input.Gourp 中再嵌套一个 Form.Item
也就是在每个 Input.Gourp 中的 Input 外层再包裹一个 Form.Item,通过这第二个 Form.Item 的 name 属性获取 Input 的 value
</Form.Item>
<Form.Item label="Y主轴取值范围">
<Input.Group compact>
<Form.Item name="YMainAxisRangeMin">
<Input
addonBefore=""
style={
{
width: 100, textAlign: 'center' }}
placeholder="Minimum"
/>
</Form.Item>
<Input
className="site-input-split"
style={
{
width: 30,
borderLeft: 0,
borderRight: 0,
pointerEvents: 'none',
}}
placeholder="~"
disabled
/>
<Form.Item name="YMainAxisRangeMax">
<Input
className="site-input-right"
style={
{
width: 100,
textAlign: 'center',
}}
placeholder="Maximum"
/>
</Form.Item>
</Input.Group>
</Form.Item>
边栏推荐
- CVPR 2022 | transfusion: Lidar camera fusion for 3D target detection with transformer
- 结合案例:Flink框架中的最底层API(ProcessFunction)用法
- Runc hang causes the kubernetes node notready
- Interview disassembly: how to check the soaring usage of CPU after the system goes online?
- 苹果5G芯片研发失败:继续依赖高通,还要担心被起诉?
- C#基础深入学习一
- XML入门一
- C language Dormitory Management Query Software
- Samsung's mass production of 3nm products has attracted the attention of Taiwan media: whether it can improve the input-output rate in the short term is the key to compete with TSMC
- HAProxy高可用解决方案
猜你喜欢

面试拆解:系统上线后Cpu使用率飙升如何排查?

Source code compilation and installation of MySQL

Redis —— How To Install Redis And Configuration(如何快速在 Ubuntu18.04 与 CentOS7.6 Linux 系统上安装 Redis)

unity不识别rider的其中一种解决方法

苹果5G芯片研发失败:继续依赖高通,还要担心被起诉?

上汽大通MAXUS正式发布全新品牌“MIFA”,旗舰产品MIFA 9正式亮相!

Openharmony application development how to create dayu200 previewer

.Net之延迟队列

Dgraph: large scale dynamic graph dataset

数据库公共字段自动填充
随机推荐
2022年起重机械指挥考试模拟100题模拟考试平台操作
C#基础补充
HAProxy高可用解决方案
C语言小型商品管理系统
Runc hang causes the kubernetes node notready
[FAQ] summary of common causes and solutions of Huawei account service error 907135701
2022年山东省安全员C证考试题库及在线模拟考试
C foundation in-depth learning II
面试官:Redis中哈希数据类型的内部实现方式是什么?
Getting started with the go language is simple: go implements the Caesar password
30:第三章:开发通行证服务:13:开发【更改/完善用户信息,接口】;(使用***BO类承接参数,并使用了参数校验)
XILINX/system-controller-c/BoardUI/无法连接开发板,任意操作后卡死的解决办法
Xilinx/system-controller-c/boardui/ unable to connect to the development board, the solution of jamming after arbitrary operation
光环效应——谁说头上有光的就算英雄
Web知识补充
Doctoral application | West Lake University Learning and reasoning system laboratory recruits postdoctoral / doctoral / research internship, etc
C语言程序设计选题参考
Redis - how to install redis and configuration (how to quickly install redis on ubuntu18.04 and centos7.6 Linux systems)
C language Dormitory Management Query Software
【R语言数据科学】:交叉验证再回首