JSX语法解析变量中的换行符实现换行

1,358 阅读1分钟

如果是字符串变量中包含\n换行符,只需在css样式中加入whiteSpace: 'pre-wrap' 即可实现解析\n换行符。例如:

let str = '要解析出换行符\n要解析出\n换行\n符'
 
 
<div style={{whiteSpace: 'pre-wrap'}}>{{str}}</div>