jsx

在 react 里 jsx 是虚拟 dom 的代名词 ，同时在 react 里 jsx 也是一种文件格式的后缀。

代码里，jsx 就是用类 xml 的方式书写虚拟 dom，我们知道 react 里创建 dom 实际上用的是React.createElement方法，但是这种写法很费时费力，所以我们可以用标签的形式书写<h1></h1>在 react 里写这种标签，不是常规意义上的 html 标签，它只是看上去像而已，底层还是调用的 createElement 方法创建的。

所以，jsx 就是看上去像 h5 标签，实际上还是虚拟 dom。

在 react 项目中，我们少不了写很多公共 js 文件，为了区分开组件和 js 功能文件，我一般使用.jsx为后缀来表示组件文件，其他的比如路由、ajax 控制文件用.js后缀

注意 任何一个组件文件，只要用 jsx 语法，都需要顶部引入 React，不然会报错，因为它底层还是用 React.createElement 方法的。

jsx 表达式

jsx 里{}表示的不是对象，而是表达式，它支持我们在这里插入动态变量或数据

import React from "react";
export default () => {
  return <div>{"这里表示的不是对象，而是用来渲染的表达式"}</div>;
};

更多看这里 jsxopen in new window深入 jsxopen in new window