react 中内容换行显示
项目react+antdPro,在proTable中内容换行显示
目前接触有两种直接的方式(不需要js操作)
- 通过插入"\n" 换行符,通过css设置识别换行符。
render: (text, { prdContent }) => {
return <p style={{whiteSpace: 'pre-wrap'}}>{prdContent}</p>
}
- 通过"br"换行h5标签,将内容写入__html对象中即可
render: (text, record) => {
return <p dangerouslySetInnerHTML={{ __html: record.prdContent }}></p>
}