react中用jsx没办法换行

Question

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

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