react 学习笔记二:ref、状态、继承

基础知识

1、ref

        创建变量时,需要运用到username = React.createRef(),并将其绑定到对应的节点。在使用时需要获取当前的节点;

        注意:vue直接使用里面的值,不需要再用this。

2、状态

        组件描述某种显示情况的数据,有组件自己设置和更改。

        setState:修改state的状态。

        注意:state是关键词。不能修改,赋值为一个对象。

        vue是想js一样,正常的定义就可以了,不需要再专门使用state,这里的state和pina,vuex的逻辑相似。

3、继承

        react使用构造函数,需要继承父级,所以需要使用super方法。

//state 关键字,是固定的constructor(){//继承super()}

遇到的问题

1、ReactDOM.render is no longer supported in React 18. Use createRoot instead.

解决方案:

2、Warning: You are importing createRoot from "react-dom" which is not supported. You should instead import it from "react-dom/client".

总结

        react和vue之间有好多的相似之处,但又有些细微的差别。在学习中,成长吧!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/diannao/4875.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

python绘制三维散点图

在Python中,我们通常使用matplotlib库的mplot3d工具包来绘制三维散点图。以下是一个简单的示例: import numpy as np import matplotlib.pyplot as plt from mpl_toolkits.mplot3d import Axes3D # 创建一些随机数据 np.random.seed(0) x np.…

VCSA6.7重置root密码

VCSA6.7重置root密码 1、登录VCSA所运行的ESXI主机 2、打开VCSA虚拟机Web控制台,先拍摄一个快照,然后重启虚拟机,在如下界面按"e" 3、找到linux开头的段落,在末尾追加rw init/bin/bash; 4、输入完成后,按&…

常用的网站和软件

编程社区 Stack Overflow - 全球最大的编程问题解答社区,涵盖各种编程语言和技术。网址:https://stackoverflow.comCSDN - 主要面向中国开发者的技术社区,提供技术文章、论坛帖子和博客。网址:https://www.csdn.net 开发软件 J…

多传感器标定、数据融合与状态估计导读

系列文章目录 提示:这里可以添加系列文章的所有文章的目录,目录需要自己手动添加 TODO:写完再整理 文章目录 系列文章目录前言1、机器人/无人驾驶常用传感器模型、选型与安装2、传感器数据获取、数据采集方案3、自动驾驶相关传感器原理及标定4、卡尔尔曼滤波(KF)、扩展卡尔曼…

LPDDR5和LPDDR5X区别

发布时间 LPDDR5和LPDDR5X的发布时间如下: LPDDR5的具体发布时间没有直接提及,但它在市场上的应用早于LPDDR5X。LPDDR5作为LPDDR4(X)的继任者,其规范发布和商用化大致发生在2019年至2020年间,具体技术细节和产品商用则依据各制造…

开发使用Git的实践操作

程序员在使用Git进行代码管理时,涉及到许多常用的Git命令和功能,以下是详细的解释和分析: 程序员常用的Git命令 git init - 初始化一个新的Git仓库。这是开始使用Git跟踪项目的第一步。git clone - 复制一个远程仓库到本地,这样…

Docker之安装部署

本次部署使用openEuler操作系统: 方式一:使用yum安装(openEuler源中有自带的docker18.09.0版本) [rootnode1 ~]# yum install docker -y [rootnode1 ~]# docker version Client: Version: 18.09.0 EulerVersion: 18.09.0.332 API ver…

k8s的PV/PVC详解以及使用范例

PV和PVC是什么 在 Kubernetes (k8s) 中,Persistent Volume (PV) 和 Persistent Volume Claim (PVC) 是管理存储资源的两个重要概念。它们抽象了存储细节,允许用户在不了解底层存储细节的情况下使用存储资源。 Persistent Volume (PV): PV …

【ruoyi-vue】关于密码重置

文章目录 前言解决问题 前言 在qq群里经常看到问ruoyi的账号密码是多少?有源代码忘记了登录密码怎么办? 解决问题 在 ruoyi-admin 模块内 SysUserController找到新增用户或修改用户密码的相关接口在里面就可以找相关创建密码的方法ruoyi里的创建密码的…

MySQL从入门到高级 --- 3.DML基本操作

文章目录 第三章:3.基本操作 - DML3.1 数据插入3.2 数据修改3.3 数据删除3.4 练习 第三章: 3.基本操作 - DML DML:数据操作语言,用来对数据中表的数据记录进行更新 关键字: insert 插入 delete 删除 update 更新 …

OceanBase V4.3 发布—— 迈向实时分析 AP 的重要里程

OceanBase在2023年初,发布了4.x架构的第一个重要版本,V4.1。该版本采用了单机分布式一体化架构,并在该架构的基础上,将代表数据库可靠性的RTO降低至 8 秒以内,从而确保在意外故障发生后,系统能够在极短时间…

碳化硅片有哪些比较重要的参数?

知识星球(星球名:芯片制造与封测社区)里的学员问:请问碳化硅衬底片到客户端验证主要测试什么项目,比较重要的参数有哪些? Lattice Parameters:晶格参数。确保衬底的晶格常数与将要生长的外延层…

面对网络安全,做好风险评估对企业会带来哪些帮助

随着信息技术的飞速发展,网络安全问题日益凸显,成为企业不容忽视的重要议题。企业作为社会经济活动的主要参与者,其网络安全不仅关系到自身的生存与发展,更与国家的经济安全、社会稳定息息相关。因此,企业必须高度重视…

深入探索jQuery:强大的JavaScript库

深入探索jQuery:强大的JavaScript库 文章目录 深入探索jQuery:强大的JavaScript库引言一、jQuery概述二、jQuery的核心功能选择器DOM操作修改元素属性:事件处理动画效果Ajax 三、jQuery的应用场景与示例1,表单验证2.轮播图HTML:CSS:jQuery: 3…

ubuntu docker 安装 git服务器 gitea

文章目录 安装 docker-compose安装 Giteadocker-compose.yml 内容访问 Gitea初始配置参考资料官方资料安装docker-compose 安装 docker-compose sudo apt install docker-compose -y docker-compose --version安装 Gitea docker --version docker-compose --version mkdir -p…

Qt——自定义富文本RichText

作者:小 琛 欢迎转载,请标明出处 文章目录 产品中的富文本富文本控件会面临的问题QTextBrowser例子:自定义富文本 产品中的富文本 用户界面中支持显示富文本格式(如加粗、斜体、不同颜色、超链接等)的文本内容。这种富…

盲人手机导航:科技之光引领无障碍出行新纪元

在这个日新月异的数字时代,科技不仅改变了我们获取信息的方式,更在无声中拓宽了视障人士的生活半径。盲人手机导航这一创新技术,正逐步成为他们探索世界、实现独立出行的重要伙伴。 对于大多数人而言,日常出行或许只是一次…

数据赋能(70)——概念:数据赋能业务过程的绩效评价

数据赋能业务过程的绩效评价涉及多个方面,这些方面共同构成了对业务过程中数据利用效果的综合评估。 以下是主要的绩效评价方面: 数据质量与准确性:评价数据收集、清洗和预处理过程的效率和准确性,确保所使用的数据是高质量、可靠…

四信数字孪生水库解决方案,加快构建现代化水库运行管理矩阵

近年,水利部先后出台《关于加快构建现代化水库运行管理矩阵的指导意见》与《构建现代化水库运行管理矩阵先行先试工作方案》等文件,明确总体要求及试点水库、先行区域建设技术要求等,为全面推进现代化水库运行管理矩阵建设工作提供依据。 《2…

Eureka基础知识

Eureka是Netflix开源的一个服务发现框架,主要用于构建基于微服务架构的应用程序。它允许服务实例自动注册和发现,从而实现了服务之间的协调和通信。Eureka的设计目标是简单、可靠和高可用的服务注册和发现。 在微服务架构中,Eureka扮演了两个…