前端hook项目moblie总结笔记-ant design进行动态表单添加

 <Form name="menu" form={formList}>
                {pickList &&
                  pickList.map((item: any, index: number) => (
                    <>
                      <Form.Item
                        label={`缸号${item.key + 1}`}
                        name={`batchCode-${item.key + 1}`}
                        rules={[{ required: true, message: "请输入缸号" }]}
                      >
                        <Input placeholder="请输入缸号" />
                      </Form.Item>
                      <Form.Item
                        label={`领取数量${item.key + 1}`}
                        name={`receiveQty-${item.key + 1}`}
                        rules={[{ required: true, message: "请输入领取数量" }]}
                      >
                        <Input placeholder="请输入领取数量" />
                      </Form.Item>
                    </>
                  ))}
              </Form>

ant design进行动态表单添加

posted @ 2023-02-25 21:41  前端导师歌谣  阅读(43)  评论(0)    收藏  举报  来源