antd card组件如何支持富文本title?

Question

问题描述

antD 的Card组件（https://ant.design/components...）的title属性，根据文档看，它除了支持string类型，还支持reactNode类型。

文档：

title ===》 卡片标题 ===》 string|ReactNode

代码

<Card bordered={false}
      title={title} // 如何渲染富文本？？？      className={classNames.join(' ')}
      style={cardStyle}>
      <div>{content}</div></Card>

期望

求大神，如何通过ReactNode形式支持富文本的title? (比如<span class='style'>title</span>)

Answer 1

const&nbsp;&nbsp;reactNode&nbsp;=&nbsp;()&nbsp;=>&nbsp;<span&nbsp;className='style'>title</span>;<Card&nbsp;bordered={false} &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;title={reactNode()}&nbsp;//&nbsp;如何渲染富文本？？？&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;className={classNames.join('&nbsp;')} &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;style={cardStyle}> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<div>{content}</div></Card>或者：<Card&nbsp;bordered={false} &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;title={React.createElement('span',&nbsp;{className:'style'},&nbsp;title)}&nbsp;//&nbsp;如何渲染富文本？？？&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;className={classNames.join('&nbsp;')} &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;style={cardStyle}> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<div>{content}</div></Card>