React入门--第一天

• 如何引入React
• 函数的本质–延迟
• JSX的用法
• 条件判断与循环

引入react

• CDN：比Vue麻烦许多（要引入react和react-dom）
• webpack：import…from…

React和ReactDOM都是对象
React.createElement和ReactDOM.render是函数（两个对象里面的方法）

cjs和umd的区别

• cjs全称CommonJS，是Node.js支持的模块规范
• umd是统一的模块定义，兼容各种模块规范（和浏览器）
• 理论上优先使用umd，同时支持Node.js和浏览器
• 最新的模块规范是使用import和export关键字

webpack引入太麻烦了，要自己配webpack
用官方提供的create-react-app就行

import React from 'react';
import ReactDOM from 'react-dom';
const root = document.getElementById('root');

let n = 0;
const App = React.createElement("div", {
    className: "red" },
  [n,
    React.createElement('button', {
   
      onClick: () => {
   
        n += 1;
        ReactDOM.render(App, root)
    }}, '+1')
  ]);

ReactDOM