React--JSX

JSX

• jsx是一个 JavaScript
  的语法扩展，可以理解为js的一个新的数据类型，类XML（JSON前身）语法，出现在js当中，文件为xx.js|xx.jsx

var b= <strong>强壮</strong>

语法要求

• 标签要闭合
• 元素必须要有一个顶层元素
• 变量首字母大写代表组件，小写对应是js数据类型
• 属性，小驼峰命名 <xx tabIndex="2">
• JSX 是一个 JavaScript 语法扩展。它类似于模板语言，但它具有 JavaScript 的全部能力。JSX 最终会被编译为
  React.createElement() 函数调用，返回称为 “React 元素” 的普通 JavaScript 对象
  简单示例如下

//jsx是一个 JavaScript 的语法扩展，可以理解为js的一个新的数据类型

// let el = <div title="标题">新闻</div>;
// console.log(typeof  el,el);
//加上（）可以自动调整格式
    // let el = (
    //     <div title="标题">
    //         <ul>
    //             <li>xx</li>
    //             <li>xx2</li>
    //         </ul>
    //     </div>
    // )
    // console.log(typeof  el,el);
//多单词需要小驼峰命名
let el = <div>
    //标签要闭合
    <input type="text" tabIndex="1"/>
    <input type="text" tabIndex="5"/>
    <input type="text" tabIndex="2"/>
    <input type="text" tabIndex="4"/>
    <input type="text" tabIndex="3"/>
</div>

//类型是object
console.log(typeof  el,el);