antd 的table 文本加入html渲染的方法
一般来讲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的方法
积累小的知识,才能成就大的智慧,希望网上少一些复制多一些原创有用的答案