组件定义
基本介绍
- 使用类创建的组件叫类组件, 又叫做有状态组件
- 有自己的状态, 负责更新
UI
, 让页面动起来 - 类名首字母必须大写
- 类组件必须继承
React.Component
, 从而可以使用父类中提供的属性和方法 - 类组件中必须有
render
方法, 该方法返回 HTML 结构 webstorm
中可以使用rcc
命令快速创建出一个类组件模版
注意
- 只能有一个根节点
- 如果根节点不想使用标签包含, 可以使用
<></>
来包含
代码实现
Hello.js
import React from "react"
class Hello extends React.Component {
render() {
return (
<div>这是第一个类组件</div>
)
}
}
export default Hello
index.js
import Hello from "./Hello"
ReactDOM.render(<Hello></Hello>, document.getElementById('root'))