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的方法


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM