【React + Antd】

环境配置

安装脚手架：npm install create-react-app
安装yarn：brew install yarn
创建项目：create-react-app antd-demo
切换路径：cd antd-demo
安装路由：yarn add react-router-dom
安装axios：yarn add axios
安装antd：yarn add antd
启动项目：yarn start

函数式组件

函数名称必须首字母大写

function Hello(){
    return (
    	<div>这是函数式组件</div>
    )
}
// 或者 箭头函数
// const Hello = () => <div>这是函数式组件</div>
ReactDOM.render(<Hello />, document.getElementsById('root'))

类组件

class Hello extends React.Component{
    render() {
        // 不渲染内容时,同样返回null即可.
        return <div>这是类组件</div>
    }
}
// 挂载渲染区域
ReactDOM.render(<Hello />, document.getElementsById('root'))