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'));
相关推荐
IT_陈寒2 分钟前
React Hooks闭包陷阱差点让我加班到凌晨
前端·人工智能·后端
风骏时光牛马5 分钟前
疑难Bug根因定位与问题复盘分析
前端
创新技术阁1 小时前
FastapiAdmin 系统日志体系与核心配置参数详解
前端·后端·fastapi
掘金酱1 小时前
【社区公告】签到与矿石奖励解耦说明
前端
promiseThen1 小时前
LWC Workflow:用 7 个 Cursor Skill 搭一条 AI 协作开发流水线
前端·ai编程
一个游离的指针1 小时前
函数管道:消除深度嵌套调用
前端·javascript
浅诺1 小时前
Nginx sub_filter 的“幽灵陷阱”:为什么页面能打开,懒加载的 JS 却全是 404?
前端
PBitW2 小时前
为什么vite中TS报错,可以继续运行?Webpack不行?
前端·webpack·typescript·vite
光影少年2 小时前
react navite手写 FlatList 优化配置
前端·react native·react.js
曹牧2 小时前
C#:文本文件读取
服务器·前端·c#