记录一次ProFormList --> itemContainerRender重写

1,304 阅读1分钟

image.png

antd procomponent里最新的ProformList支持itemContainerRender重写

官方文档: itemContainerRender: doms,listMeta)=> ReactNode

需求: 单行情况,首行后,多行情况下,末行内

code:

itemContainerRender={(doms: any, opt) => {
  return (
    <ProForm.Group>
      <>{doms}</>
      <Form.Item>
        {opt.fields.length - 1 === opt.index ? '后' : '内'}&nbsp;&nbsp;&nbsp;&nbsp;
      </Form.Item>
    </ProForm.Group>
  );
}}