组件定义

未匹配的标注

基本介绍

  • 使用类创建的组件叫类组件, 又叫做有状态组件
  • 有自己的状态, 负责更新 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'))

本文章首发在 LearnKu.com 网站上。

上一篇 下一篇
讨论数量: 0
发起讨论 只看当前版本


暂无话题~