- 如何引入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