react识别字符串中的\n换行符

1. 方法一（不太安全且麻烦）

使用<br>标签替换换行符，然后直接插入html，可能会有XSS攻击。

const formatStr = str.replace("\n", "<br>");

return (
    <div dangerouslySetInnerHTML={formatStr}></div>
)

2. 方法二（实现方便）

直接添加样式 pre-wrap

<h1 className='title'>{’react中文本及解析，快来看一看，我是怎么解析的吧‘}</h1>

.title{
	white-space: pre-wrap;
}