React 快速入门

React 语法快速入门

1. HTML in JS，对比 Vue 的 JS in HTML
2. JS代码包在 { } 里
3. return后必须加 ( )
4. 需要引入 React 和 ReactDOM

import React from 'react'
import ReactDOM from 'react-dom'

引入完成后怎么渲染到页面上呢？

ReactDOM.render(<APP />, 挂载DOM); 
// 这里的<APP />等价于React.createElement(APP) 
// APP可以是字符串'div'，函数和类

5. React组件：返回React元素的函数，可分为类组件和函数组件

// 类组件写法
class XXX extends React.Component{
    constructor(){
        super();
        this.state = {…};
    }
    render(){
        return (虚拟DOM);
    }
}

// 函数组件写法
const YYY = ()=> {
    const [n, setN] = React.useState(n初始值);
    return (虚拟DOM);
}