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'));
相关推荐
hboot2 小时前
💪别再迷茫!一份让你彻底掌控 TypeScript 类型系统的终极指南
前端·typescript
GISer_Jing2 小时前
深入拆解Taro框架多端适配原理
前端·javascript·taro
毕设源码-邱学长2 小时前
【开题答辩全过程】以 基于VUE的藏品管理系统的设计与实现为例,包含答辩的问题和答案
前端·javascript·vue.js
San30.3 小时前
深入理解 JavaScript:手写 `instanceof` 及其背后的原型链原理
开发语言·javascript·ecmascript
北冥有一鲲3 小时前
LangChain.js:RAG 深度解析与全栈实践
开发语言·javascript·langchain
用户28907942162714 小时前
Spec-Kit应用指南
前端
酸菜土狗4 小时前
🔥 手写 Vue 自定义指令:实现内容区拖拽调整大小(超实用)
前端
ohyeah4 小时前
深入理解 React Hooks:useState 与 useEffect 的核心原理与最佳实践
前端·react.js
Cache技术分享4 小时前
275. Java Stream API - flatMap 操作:展开一对多的关系,拉平你的流!
前端·后端
apollo_qwe4 小时前
前端缓存深度解析:从基础到进阶的实现方式与实践指南
前端