为了账号安全,请及时绑定邮箱和手机立即绑定

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

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

慕哥6287543 2018-10-24 20:58:33
问题描述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>)
查看完整描述

1 回答

?
慕的地8271018

TA贡献1796条经验 获得超4个赞

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>


查看完整回答
反对 回复 2018-10-24
  • 1 回答
  • 0 关注
  • 4297 浏览

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信