前端项目实战62-新增不同的表单

最新推荐文章于 2024-05-10 07:45:21 发布

前端歌谣

最新推荐文章于 2024-05-10 07:45:21 发布

阅读量328

点赞数

文章标签：前端 servlet html

本文链接：https://blog.csdn.net/qq_41632427/article/details/127232986

版权

前端记录-work-react-最近工作专栏收录该内容

212 篇文章 3 订阅

订阅专栏

{data && data.map((item, index) => (

<Row style={{ marginTop: "20px" }} gutter={24}>

<Col span={4}>

<Form.Item

key={index}

labelCol={{ span: 13 }}

wrapperCol={{ span: 8, offset: 1 }}

label="缸数/匹号"

name={`customer${index}`}

rules={[{ required: true, message: '请输入缸数/匹号' }]}

>

<Input />

</Form.Item>

</Col>

<Col span={4}>

<Form.Item

labelCol={{ span: 13 }}

wrapperCol={{ span: 8, offset: 1 }}

label="颜色"

name={`color${index}`}

rules={[{ required: true, message: '请输入颜色类型' }]}

>

<Select

style={{ width: "300px" }}

placeholder="请选择颜色"

optionFilterProp="children"

>

{sizeList && sizeList.map((item: any) => (

<Option value={item.id}>{item.name}</Option>

))}

</Select>

</Form.Item>

</Col>

<Col span={4}>

<Form.Item

labelCol={{ span: 13 }}

wrapperCol={{ span: 8, offset: 1 }}

label="铺布层数"

name={`step${index}`}

rules={[{ required: true, message: '请输入铺布层数' }]}

>

<Input />

</Form.Item>

</Col>

<Col span={4}>

{index===0&&(

<Button onClick={handleAdd}>新增</Button>

)}

<Button onClick={()=>handleRemove(item.index)}>删除</Button>

</Col>

</Row>

))}