react中用jsx没办法换行

Question

  render () {
    return(
        <div>
            {"内容a前面部分<br />内容a后面部分"} //换行失败
            "内容a前面部分<br />内容a后面部分" //换行成功
        </div>
    )
  }

反斜杠n 反斜杠r均已试过，换行失败，实际中内容a是我从数据库得来内容content，要想让他显示正在页面那种只能用{}包住，请问怎么换行

Answer 1

去看下
https://facebook.github.io/re...

Answer 2

想把从服务器获取的字符串数据变成html请用dangerouslySetInnerHTML，模板如下:

render () {
    const html = "内容a前面部分<br />内容a后面部分"
    return(
        <div dangerouslySetInnerHTML={{__html: html}}>
           
        </div>
    )
  }

Answer 3

最简单的办法在需要展示换行的地方设置：white-space: pre-line;样式

Answer 4

{}这个符号 里面写js ，变量也放里面，其他的我就不说。。。请自行感觉！