React 中的类组件

组件分为内置原生组件和自定义组件

  • 内置组件p h1 span type字符串
  • 自定义组件 类型是一个 函数 ,类组件的父类Component的原型上有一个属性
    isReactComponent={}
    自定义组件的名称必须是大写字母开头
    自定定组件的返回值有且只能一个根元素
import React from './react';
import ReactDOM from './react-dom';

class ClassComponent extends React.Component{
   
  render(){
   
    return (
      <h1 style={
   {
   color:'red'}} className="title"><span>hello</span>{
   this.props.name}</h1>
    )
  }
}

let element1 = <ClassComponent name="superrui"/>;
ReactDOM.render(element1,document.getElementById('root'));

相关推荐

  1. React 组件

    2024-02-20 08:50:01       48 阅读
  2. React函数组件组件区别

    2024-02-20 08:50:01       28 阅读
  3. 描述React函数组件组件之间区别

    2024-02-20 08:50:01       33 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-02-20 08:50:01       91 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-02-20 08:50:01       97 阅读
  3. 在Django里面运行非项目文件

    2024-02-20 08:50:01       78 阅读
  4. Python语言-面向对象

    2024-02-20 08:50:01       88 阅读

热门阅读

  1. react的different算法

    2024-02-20 08:50:01       51 阅读
  2. 【Python】图像裁剪与匹配

    2024-02-20 08:50:01       50 阅读
  3. 递归读取文件夹下的所有文件

    2024-02-20 08:50:01       50 阅读
  4. 题解

    2024-02-20 08:50:01       55 阅读
  5. GO框架基础 (二)、sqlx库

    2024-02-20 08:50:01       47 阅读
  6. Spring Boot整合Redis实现订单超时处理

    2024-02-20 08:50:01       45 阅读
  7. spring boot rabbitmq常用配置

    2024-02-20 08:50:01       53 阅读
  8. C 练习实例70-求字符串长度

    2024-02-20 08:50:01       46 阅读
  9. React 组件状态的使用

    2024-02-20 08:50:01       53 阅读
  10. 第五次作业

    2024-02-20 08:50:01       35 阅读