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的方法
posted @ 2022-02-10 16:11  洛晨随风  阅读(1755)  评论(0编辑  收藏  举报