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'));
相关推荐
经年未远33 分钟前
vue3中实现耳机和扬声器切换方案
javascript·学习·vue
刘一说40 分钟前
Vue 组件不必要的重新渲染问题解析:为什么子组件总在“无故”刷新?
前端·javascript·vue.js
jin1233221 小时前
基于React Native鸿蒙跨平台移动端表单类 CRUD 应用,涵盖地址列表展示、新增/编辑/删除/设为默认等核心操作
react native·react.js·ecmascript·harmonyos
可触的未来,发芽的智生1 小时前
狂想:为AGI代称造字ta,《第三类智慧存在,神的赐名》
javascript·人工智能·python·神经网络·程序人生
徐同保1 小时前
React useRef 完全指南:在异步回调中访问最新的 props/state引言
前端·javascript·react.js
fanruitian2 小时前
uniapp 创建项目
javascript·vue.js·uni-app
浮游本尊2 小时前
React 18.x 学习计划 - 第十三天:部署与DevOps实践
学习·react.js·状态模式
刘一说2 小时前
Vue 导航守卫未生效问题解析:为什么路由守卫不执行或逻辑失效?
前端·javascript·vue.js
一周七喜h3 小时前
在Vue3和TypeScripts中使用pinia
前端·javascript·vue.js
摘星编程3 小时前
OpenHarmony环境下React Native:DatePicker日期选择器
react native·react.js·harmonyos