React 中的类组件

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

  • 内置组件p h1 span type字符串
  • 自定义组件 类型是一个 函数 ,类组件的父类Component的原型上有一个属性
    isReactComponent={}
    自定义组件的名称必须是大写字母开头
    自定定组件的返回值有且只能一个根元素
go 复制代码
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'));
相关推荐
#麻辣小龙虾#34 分钟前
基于vue3.0开发一款【固废与废气运维管理系统】(支持源码)
前端·vue.js·vue3
Cosolar39 分钟前
Docsify零构建文档站完全指南:从快速搭建到企业级部署
前端·开源·github
weixin_471383031 小时前
Taro-02-页面路由
前端·taro
星栈独行1 小时前
Makepad 应用如何读文件、调接口、保存数据
前端·程序人生·ui·rust·github
IT_陈寒2 小时前
Vite热更新失效?可能你在用Windows
前端·人工智能·后端
烬羽2 小时前
后端返回的 JSON 字符串,浏览器怎么"看懂"的?——Ajax 全链路拆解
javascript
tedcloud1232 小时前
taste-skill部署教程:打造个性化AI推荐工作流
服务器·前端·人工智能·系统架构·edge
xinhuanjieyi2 小时前
html修复游戏种太阳错误
前端·游戏·html
半个落月3 小时前
一个新手用 Bun + Axios 调通 DeepSeek API 的实践记录
javascript
不好听6133 小时前
深入理解链表:线性数据结构的另一面
javascript·数据结构