react 第一天

React ：React 是一个用于构建用户界面的 JavaScript 库。

React脚手架：
npm i create-react-app -g
基本使用：创建元素

import React from 'react';
import ReactDOM from 'react-dom';
 
const element = React.createElement('div', { className: 'list' }, [
  React.createElement('h1', null, '水果'),
]);
 
ReactDOM.render(element, document.getElementById('root'));
JSX使用：

import React from 'react'
import ReactDOM from 'react-dom'
const div = (
    <div className="box">
        <h1>JSX=</h1>
        <ul>
            <li>tom</li>
            <li>tom</li>
            <li>tom</li>
        </ul>
    </div>
)
ReactDOM.render(div, document.getElementById('root'))
注意事项（语法点）：

使用{ 变量/表达式 } 渲染数据=》【注意：对象不能直接渲染，对象不能作为react元素】=》【布尔值渲染不出来，但是作为判断有效】
标签必须要闭合【注意：hr、br、input、image等】
一些标签的属性发生了变化=》class变成了className=》label的for属性 变成htmlFor=》多个单词组成的属性要变成驼峰命名
标签的嵌套一定要符合严格的语法要求
属性绑定 <标签 属性=