import React, { useState, useRef } from 'react'; import { Form, Col, Row, Button, ArrayField, Space } from '@douyinfe/semi-ui'; import { IconMinusCircle, IconPlusCircle } from '@douyinfe/semi-icons'; function RemoveDemo() { const formRef = useRef(); const formInitValues = { data: [ { name: 'Semi D2C', role: 'Engineer' }, { name: 'Semi C2D', role: 'Designer' }, { name: 'Semi DSM', role: 'Designer' }, ] }; return (
{({ add, addWithInitValue, arrayFields }) => ( { arrayFields.map(({ field, key, remove }, i) => (
)) }
)}
); } RemoveDemo.storyName = 'ArrayField-Remove Row'; export default RemoveDemo;