组件定义

React 学习笔记 /

基本介绍#

使用类创建的组件叫类组件，又叫做有状态组件
有自己的状态，负责更新 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 网站上。

组件定义

基本介绍#

注意#

代码实现#

社区赞助商

关于 LearnKu

资源推荐

服务提供商

其他信息

组件定义

基本介绍#

注意#

代码实现#

社区赞助商

关于 LearnKu

资源推荐

服务提供商

其他信息

请登录