Skip to content

🧐[问题]在readonly模式下,为什么丢弃了ProFormList的containerClassName呢? #8979

Open
@taoliujun

Description

🧐 在readonly模式下,ProFormList的containerClassName丢失了

我在ProFormList组件上写了属性containerClassName="flex flex-col gap-y-4",用于将每个list项之间隔开4个单位的距离,在表单可编辑的模式下,是正常隔开的。在表单readonly模式下,项之间的距离丢失了,检查发现是containerClassName丢了。

提供readonly前后的两张结构截图:

Image

Image

看了下代码:https://github1s.com/ant-design/pro-components/blob/master/packages/form/src/components/List/ListContainer.tsx#L170

Image

请问:

  1. 在readonly模式下,丢弃containerClassName的设计目的是什么?我想学习下。
  2. 我想在readonly模式下,也将项目之间隔开4个距离,有什么其他办法吗?

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions