React中div标签内容出现尖括号编译会报错

Question

像下面这种写法编译是不通过的，是因为出现<北京>这个，请问这个该怎么去让它变成正常的字符串呢

...
render(){
   return (
     <div>你好吗<北京></div>
   )
}

Answer 1

使用实体字符

<div>你好吗&lt;北京&gt;</div>

Answer 2

<div>{`你好吗<北京>`}<div>

---

Answer 3

render(){
   let data = "<北京>"
   return (
     <div>你好吗{{data}}</div>
   )
}

render(){
   let data = `你好吗<北京>`
   return (
     <div>{{data}}</div>
   )
}

Answer 4

render(){
   return (
     <div>你好吗\<北京\></div>
   )
}