--- order: 4.11 title: zh-CN: 动态增减嵌套纯字段 en-US: Dynamic Form nest pure Items debug: true --- ## zh-CN 嵌套 `noStyle` 字段的动态表单示例。 ## en-US Nest with `noStyle` field dynamic form. ```jsx import { Form, Input, Button, Space } from 'antd'; import { MinusCircleOutlined, PlusOutlined } from '@ant-design/icons'; const Demo = () => { const onFinish = values => { console.log('Received values of form:', values); }; return (
{(fields, { add, remove }) => ( <> {fields.map(field => ( { remove(field.name); }} /> ))} )}
); }; ReactDOM.render(, mountNode); ```