一般來講antd的文本內容都是經過處理的,不加入任何的html渲染,但是想要實現和vue的v-html一樣的功能,就需要如下寫法在column的數組中(這里用的動態列)
{ title: item, dataIndex: item, key: item, width: 180, render: (text, record, index) => { return ( <div dangerouslySetInnerHTML={{ __html: `${text.replaceAll('\n', '</br>')}`, }} ></div> ) }, } })
這個
dangerouslySetInnerHTML
就是允許注入html字符串渲染成dom的方法