编辑 Ant Design 库中 Transfer 的 header 组件

Question

在ant design的免费版本中使用传输组件并尝试更改表的标题文本

如何做呢？

AntDesign 文档非常贫乏，没有提及它，我不想相信它不存在，

演示沙箱链接； https://codesandbox.io/s/7uc1g?file=/index.js

Answer 1

您可以使用 title 和 selectAllLabels 属性来编辑标题。这两个属性都接受数组。（如果您仍然无法使用这些道具，请检查您的 antd 版本）

 titles={[<Tag color="geekblue">I am on Left</Tag>, <Tag color="geekblue">I am on right</Tag>]}

 selectAllLabels={[
                ({ selectedCount, totalCount }) => (
                  <span>
                    {selectedCount} of {totalCount}
                    <Tag color="geekblue">left</Tag>
                  </span>
                ), ({ selectedCount, totalCount }) => (
                  <span>
                    {selectedCount} of {totalCount}
                    <Tag color="geekblue">right</Tag>
                  </span>
                )
              ]}

示例代码盒

https://codesandbox.io/s/table-transfer-ant-design-demo-v4wxj?file=/index.js:2936-3517