react

介绍

react native 可以进行原生应用开发

JSX 模版语法

vue 中通过 template 来描述页面

react 通过 jsx 来描述页面

jsx 规则

根元素只能有一个

JSX 中使用 JavaScript 表达式。表达式写在花括号 {} 中

属性值指定为字符串字面量，或者在属性值中插入一个 JavaScript 表达式

style 对应样式对象，class 要写作 className

注释需要写在花括号

JSX 允许在模板中插入数组，数组会自动展开所有成员

jsx 是 React.createElement 函数的语法糖

function App() {
  return <h1 className="greeting">Hello, world!</h1>;
}

//相当于
function App() {
  return React.createElement("h1", { className: "greeting" }, "Hello, world!");
}

jsx 的本质是一个 js 对象，而不是一个 html（只是看起来比较像）

vue 与 react 的语法区别

1.vue 采用 template，react 采用 jsx 来描述视图

2.