React学习记录

React 的特点

1. 声明式编码
2. 组件化编码
3. React Native 编写原生应用
4. 高效（优秀的Diffing算法）
5. JSX 语法
6. 单向数据绑定
7. 虚拟 DOM
8. Component

React 高效的原因

1. 使用虚拟(virtual)DOM, 不总是直接操作页面真实DOM。
2. DOM Diffing算法, 最小化页面重绘。

JSX语法

1. 在react中，把需要在JS中写HTML标签称之为JSX语法。
2. 在写HTML标签时，最外层有且只能有一个<div>标签对 在React16版本以上，可以使用<Fragment>来代替最外层<div>，他不会被显示在DOM树上。可以简化为<></>

import React from 'react'
function Test() {
  return (
    <>
      <div>hi</div>
      <div>hello</div>
    </>
  )
}
export default Test