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  reactNode = () => <span className='style'>title</span>;<Card bordered={false}
      title={reactNode()} // 如何渲染富文本？？？      className={classNames.join(' ')}
      style={cardStyle}>
      <div>{content}</div></Card>

或者：

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