当前位置: 首页 > news >正文

React:类式组件

语法代码:

class HelloMessage extends React.Component {
  render() {
    return (
      <div>
        Hello {this.props.name}
      </div>
    );
  }
}

ReactDOM.render(
  <HelloMessage name="Taylor" />,
  document.getElementById('hello-example')
);

总结:

  • 类式组件三大必要点:1、继承React.conponent 2、有render函数 3、render函数有返回值
  • 类式组件的render方法定义在哪里?---类的原型上面,供实例使用
  • ReactDom.render()发生了什么?
  1. 解析标签,找到了HelloMessage组件
  2. 发现组件式类式组件定义的,随后new出来该实例,并通过该实例,调用其原型上面的render方法
  3. 将render返回的虚拟Dom转化为真实Dom,呈现在页面上
  • 类式组件的render函数中打印this是什么?---该类对应的组件实例对象

  • 组件的三大属性是什么?state、props 、refs

相关文章:

  • React: 深入类中this对象的理解
  • React: state和setState理解
  • React: 函数式组件如何使用props
  • VSCode在代码处显示提交记录
  • 如何去除谷歌的人机身份验证
  • git修改用户名及邮箱
  • git撤销commit 并保存之前的修改
  • git merge和git rebase区别
  • git rebase实战操作
  • mac系统如何更改用户名及头像
  • internal/modules/cjs/loader.js:883 throw err;
  • Node: 001全局对象和模块化-如何给node传递参数?
  • Node: mysql学习笔记001
  • Node: MySQL学习笔记002
  • yarn错误The engine “node“ is incompatible with this module
  • 【跃迁之路】【699天】程序员高效学习方法论探索系列(实验阶段456-2019.1.19)...
  • 2018一半小结一波
  • CentOS学习笔记 - 12. Nginx搭建Centos7.5远程repo
  • echarts的各种常用效果展示
  • Fundebug计费标准解释:事件数是如何定义的?
  • HTTP请求重发
  • PHP的Ev教程三(Periodic watcher)
  • Redis 中的布隆过滤器
  • SQLServer插入数据
  • Synchronized 关键字使用、底层原理、JDK1.6 之后的底层优化以及 和ReenTrantLock 的对比...
  • vue+element后台管理系统,从后端获取路由表,并正常渲染
  • webgl (原生)基础入门指南【一】
  • 关于 Cirru Editor 存储格式
  • 前端技术周刊 2019-01-14:客户端存储
  • 前端技术周刊 2019-02-11 Serverless
  • 区块链分支循环
  • 如何进阶一名有竞争力的程序员?
  • 使用docker-compose进行多节点部署
  • PostgreSQL 快速给指定表每个字段创建索引 - 1
  • 湖北分布式智能数据采集方法有哪些?
  • 整理一些计算机基础知识!
  • ​​​​​​​Installing ROS on the Raspberry Pi
  • ​低代码平台的核心价值与优势
  • #Linux(帮助手册)
  • (8)STL算法之替换
  • (javascript)再说document.body.scrollTop的使用问题
  • (MonoGame从入门到放弃-1) MonoGame环境搭建
  • (Pytorch框架)神经网络输出维度调试,做出我们自己的网络来!!(详细教程~)
  • (ZT)薛涌:谈贫说富
  • (三)c52学习之旅-点亮LED灯
  • (十六)一篇文章学会Java的常用API
  • (四)docker:为mysql和java jar运行环境创建同一网络,容器互联
  • (四)JPA - JQPL 实现增删改查
  • (四)鸿鹄云架构一服务注册中心
  • (一)Mocha源码阅读: 项目结构及命令行启动
  • *** 2003
  • .NET/MSBuild 中的发布路径在哪里呢?如何在扩展编译的时候修改发布路径中的文件呢?
  • .Net多线程总结
  • .NET牛人应该知道些什么(2):中级.NET开发人员
  • .NET实现之(自动更新)