entityMap|0|type|LINK|mutability|MUTABLE|data|url|https://github.com/ant-design/ant-design/blob/master/components/transfer/index.tsx|blocks|key|17jbm|text|您应该查看源代码：https://github.com/ant-design/ant-design/blob/master/components/transfer/index.tsx|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|b05j1|也许可以试试"titles“道具或locale.titles，看看会发生什么。|5584f|其他道具：|7sldb|export+interface+TransferProps+{
++prefixCls?:+string;
++className?:+string;
++disabled?:+boolean;
++dataSource:+TransferItem[];
++targetKeys?:+string[];
++selectedKeys?:+string[];
++render?:+TransferRender;
++onChange?:+(targetKeys:+string[],+direction:+string,+moveKeys:+string[])+=>+void;
++onSelectChange?:+(sourceSelectedKeys:+string[],+targetSelectedKeys:+string[])+=>+void;
++style?:+React.CSSProperties;
++listStyle:+((style:+ListStyle)+=>+React.CSSProperties)+%7C+React.CSSProperties;
++operationStyle?:+React.CSSProperties;
++titles?:+string[];
++operations?:+string[];
++showSearch?:+boolean;
++filterOption?:+(inputValue:+string,+item:+TransferItem)+=>+boolean;
++locale?:+Partial<TransferLocale>;
++footer?:+(props:+TransferListProps)+=>+React.ReactNode;
++rowKey?:+(record:+TransferItem)+=>+string;
++onSearch?:+(direction:+TransferDirection,+value:+string)+=>+void;
++onScroll?:+(direction:+TransferDirection,+e:+React.SyntheticEvent<HTMLUListElement>)+=>+void;
++children?:+(props:+TransferListBodyProps)+=>+React.ReactNode;
++showSelectAll?:+boolean;
++selectAllLabels?:+SelectAllLabel[];
}|code-block|syntax|javascript|d846l^0|9|2A|0|0|0|0|0^^$0|$1|$2|3|4|5|6|$7|8]]]|9|@$A|B|C|D|2|E|F|U|G|@]|H|@$I|V|J|W|A|X]]|6|$]]|$A|K|C|L|2|E|F|Y|G|@]|H|@]|6|$]]|$A|M|C|N|2|E|F|Z|G|@]|H|@]|6|$]]|$A|O|C|P|2|Q|F|10|G|@]|H|@]|6|$R|S]]|$A|T|C|-4|2|E|F|11|G|@]|H|@]|6|$]]]]

You should look at the source code: 
<a href="https://github.com/ant-design/ant-design/blob/master/components/transfer/index.tsx" rel="nofollow noreferrer">https://github.com/ant-design/ant-design/blob/master/components/transfer/index.tsx</a>

Maybe try playing around with the "titles" props or locale.titles and see what happens, 

other props: 

<pre><code>export interface TransferProps {
 prefixCls?: string;
 className?: string;
 disabled?: boolean;
 dataSource: TransferItem[];
 targetKeys?: string[];
 selectedKeys?: string[];
 render?: TransferRender;
 onChange?: (targetKeys: string[], direction: string, moveKeys: string[]) =&gt; void;
 onSelectChange?: (sourceSelectedKeys: string[], targetSelectedKeys: string[]) =&gt; void;
 style?: React.CSSProperties;
 listStyle: ((style: ListStyle) =&gt; React.CSSProperties) | React.CSSProperties;
 operationStyle?: React.CSSProperties;
 titles?: string[];
 operations?: string[];
 showSearch?: boolean;
 filterOption?: (inputValue: string, item: TransferItem) =&gt; boolean;
 locale?: Partial&lt;TransferLocale&gt;;
 footer?: (props: TransferListProps) =&gt; React.ReactNode;
 rowKey?: (record: TransferItem) =&gt; string;
 onSearch?: (direction: TransferDirection, value: string) =&gt; void;
 onScroll?: (direction: TransferDirection, e: React.SyntheticEvent&lt;HTMLUListElement&gt;) =&gt; void;
 children?: (props: TransferListBodyProps) =&gt; React.ReactNode;
 showSelectAll?: boolean;
 selectAllLabels?: SelectAllLabel[];
}

</code></pre>

entityMap|0|type|IMAGE|mutability|IMMUTABLE|data|imageUrl|https://ask.qcloudimg.com/http-save/yehe-900000/287c4cebc289d8ed4d2636b682ee09de.png|imageAlt|1|LINK|MUTABLE|url|https://codesandbox.io/s/table-transfer-ant-design-demo-v4wxj?file=/index.js:2936-3517|blocks|key|f10pe|text|您可以使用title和selectAllLabels+prop编辑headers.Both+props+accept数组。(如果你仍然不能使用这些道具，请检查你的antd版本)|unstyled|depth|inlineStyleRanges|entityRanges|82v6t|+titles={[<Tag+color="geekblue">I+am+on+Left</Tag>,+<Tag+color="geekblue">I+am+on+right</Tag>]}

+selectAllLabels={[
++++++++++++++++({+selectedCount,+totalCount+})+=>+(
++++++++++++++++++
++++++++++++++++++++{selectedCount}+of+{totalCount}
++++++++++++++++++++<Tag+color="geekblue">left</Tag>
++++++++++++++++++
++++++++++++++++),+({+selectedCount,+totalCount+})+=>+(
++++++++++++++++++
++++++++++++++++++++{selectedCount}+of+{totalCount}
++++++++++++++++++++<Tag+color="geekblue">right</Tag>
++++++++++++++++++
++++++++++++++++)
++++++++++++++]}|code-block|syntax|javascript|2615g|​|2n1bf|?|atomic|offset|length|e0id1|543hh|示例Codebox|e93iq|23lcb^0|0|0|0|0|1|0|0|0|0|0|2E|1|0^^$0|$1|$2|3|4|5|6|$7|8|9|-4]]|A|$2|B|4|C|6|$D|E]]]|F|@$G|H|I|J|2|K|L|15|M|@]|N|@]|6|$]]|$G|O|I|P|2|Q|L|16|M|@]|N|@]|6|$R|S]]|$G|T|I|U|2|K|L|17|M|@]|N|@]|6|$]]|$G|V|I|W|2|X|L|18|M|@]|N|@$Y|19|Z|1A|G|1B]]|6|$]]|$G|10|I|U|2|K|L|1C|M|@]|N|@]|6|$]]|$G|11|I|12|2|K|L|1D|M|@]|N|@]|6|$]]|$G|13|I|E|2|K|L|1E|M|@]|N|@$Y|1F|Z|1G|G|1H]]|6|$]]|$G|14|I|-4|2|K|L|1I|M|@]|N|@]|6|$]]]]

You can use title and selectAllLabels prop to edit the headers.Both the props accept arrays. (Check your antd version if you still doesn't able to use those props)

<pre><code> titles={[&lt;Tag color="geekblue"&gt;I am on Left&lt;/Tag&gt;, &lt;Tag color="geekblue"&gt;I am on right&lt;/Tag&gt;]}

 selectAllLabels={[
 ({ selectedCount, totalCount }) =&gt; (
 &lt;span&gt;
 {selectedCount} of {totalCount}
 &lt;Tag color="geekblue"&gt;left&lt;/Tag&gt;
 &lt;/span&gt;
 ), ({ selectedCount, totalCount }) =&gt; (
 &lt;span&gt;
 {selectedCount} of {totalCount}
 &lt;Tag color="geekblue"&gt;right&lt;/Tag&gt;
 &lt;/span&gt;
 )
 ]}
</code></pre>

<a href="https://i.stack.imgur.com/aXcTt.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/aXcTt.png" alt="enter image description here"></a>

Sample Codebox

<a href="https://codesandbox.io/s/table-transfer-ant-design-demo-v4wxj?file=/index.js:2936-3517" rel="nofollow noreferrer">https://codesandbox.io/s/table-transfer-ant-design-demo-v4wxj?file=/index.js:2936-3517</a>

using transfer component within free version of ant design and trying to change header text of table

<a href="https://i.stack.imgur.com/TUL4e.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/TUL4e.png" alt="enter image description here"></a> 

how can it be done?

Its very poor of AntDesign documents there is no mention about it, I dont wanna believe its not exist,

demo sandbox link;
<a href="https://codesandbox.io/s/7uc1g?file=/index.js" rel="nofollow noreferrer">https://codesandbox.io/s/7uc1g?file=/index.js</a>

edit header component of Transfer in Ant Design library

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

 在ant设计的免费版本中使用transfer组件，并尝试更改表格的标题文本 ​ ? 怎么做呢？ 这是非常糟糕的AntDesign文档没有提到它，我不想相信它不存在， 演示沙箱链接；https://codesandbox.io/s/7uc1g?file=/index.js 

问在Ant设计库中编辑Transfer的header组件
EN

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在Ant设计库中编辑Transfer的header组件EN