在JSX中书写JS代码
内容：
在jsx中混合写入js表达式:在jsx语法中，要把JS代码写到{ }中
- 渲染数字
- 渲染字符串
- 渲染布尔值
- 为属性绑定值
- 渲染jsx元素
- 渲染jsx元素数组
- 将普通字符数组转为jsx数组并渲染到页面上【两种方案】
范例：实现效果代码块
//．导入包
import React from 'react'
import ReactDoM from 'react-dom'
let a = 10 // 定义一个常量a=10
let str =‘你好,中国'
let boo = false
let title = '999'
const h1 =<h1>红火火恍恍惚惚</h1> 渲染jsx元素
const arr =[
<h2>这是h2</h2>,
<h3>这是h3</h3>
] // 渲染jsx元素数组
//．调用render函数渲染jsx XMI比HTML严格多了
什么情况下需要使用{ }呢?
当我们需要在JsX控制的区域内，写JS 表达式了，则需要把 JS代码写到{ }中
ReactDOM. render (<div>
{a + 2}
<hr />
{str}
<hr />//会有报错，需要加 /
{boo ? ’条件为真’ : ’条件为假’} // 通过布尔值来设置三个表达式
<hr />
<p title={title}>这是p标签</p>//为属性绑定值
{h1}
<hr />
{arr}
</div>, document.getElementById( ‘app’))
ReactDOM.render(<div>123</div>,document.getElementById('app'))
执行这个代码，并不会识别，<div>123</div>,看到这个标签，直接写个对象
重新运行代码
