react第二天jsx语法

一、jsx语法

1、JavaScript与xml

在js里边编写html 两者进行混写，并且html不需要加引号。

2、jsx的特点：

类xml语法容易被接受，结构清晰。

增强js语义。

抽象度高，屏蔽DOM操作，跨平台。

代码模块化。

列如：

<div id="app"></div>
</body>
<script type="text/babel">
  ReactDOM.render(
    <h1>react</h1>,
    document.getElementById("app")
  )
</script>
<script src="https://unpkg.com/react@16/umd/react.development.js"></script>
<script src="https://unpkg.com/react-dom@16/umd/react-dom.development.js"></script>
<script src="https://unpkg.com/babel-standalone@6.15.0/babel.min.js"></script>

二、react动态渲染

在react中我们可以使用单括号{变量名}来动态渲染数据

列如：

   var num=1

                    ReactDOM.render(

                        <div>{num}<