开发者学堂课程【React 入门与实战：在 JSX 中书写 JS 代码】学习笔记，与课程紧密联系，让用户快速学习知识。
课程地址：https://developer.aliyun.com/learning/course/585/detail/8084
在 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>,看到这个标签，直接写个对象
重新运行代码
