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