react项目文本内\n＜br/＞不换行问题

react项目文本内\n
不换行问题

第一种：优先css设置：

div {
    
    
	white-space: pre-wrap;
	word-break: break-all;
}

或：

<div style={
    
    {
    
    wordBreak: 'break-all', whiteSpace: 'pre-wrap'}} >{
    
    cot}</div>

第二种：js字符串替换

replace(/\\n/g, '<br />')

第三种：未必有用，我是第一步css即可解决了

<div dangerouslySetInnerHTML={
    
    {
    
     __html: cot }}/>