react 的学习随记

news2024/11/25 0:40:11

npx create-react-app my-app  创建一个名叫my-app的react的项目

npm run eject  运行 显示config 文件夹

react  jsx (使用时将babel 将jsx转为js)

单页面时需要引用

1,样式(在虚拟dom时)

  1. 引用样式时 用className=‘’

  2,引用js样式时 用{}

 3,内联样式使用 需要用{{}}

 4,虚拟dom 只有一个根标签

2,循环遍历时

虚拟dom  只能加载js表达式

(index 做key 可能出现问题)

 3,模块 
  1.函数式组件  

 一个字母必须大写  必须闭合

babel 开启严格模式 这里的this 为undefined

类的基本知识 

call 改this的指向 还有几个

正确

2,继承类

super 继承  必须在最前面

 子类调用父类的方法

 2,类式组件

a类继承b (a 类继承b类  前面是a 后面是b)

必须继承react 必须有render 

4,类身上state

5,原生事件点击按钮的方式   react的点击 推荐原生的第三种

但是react 中使用使 都用大写  onClick  针对所有的on 事件都是

并且使用时用{}  后面不能加()

点击 改变state时

这样才有this

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

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

相关文章

(第三十三天)

1. 设置主从从 mysql57 服务器 ( 1 )配置主数据库 [rootmsater_5 ~] # systemctl stop filewalld [rootmsater_5 ~] # setenforce 0 [rootmsater_5 ~] # systemctl disable filewalld [rootmsater_5 ~] # ls anaconda-ks.cfg mysql-5.7.44-linux-g…

解决STM32使用J-Link可以擦除和读取但是无法烧录问题

现象 使用J-Link烧录模组固件,出现可以读取和擦除,但是无法烧录问题,提示错误如下: ERROR: Programming failed address 0x08000080 (program error)End of flash programmingERROR: Program failed 读出来的时候这个地址数据…

AWS EC2:助力中国企业扬帆出海

在全球化的今天,中国的企业家们正积极寻找机会走向世界舞台。在这个过程中,云计算成为了不可或缺的技术支撑。亚马逊AWS作为全球领先的云服务提供商,其EC2(Elastic Compute Cloud)弹性云服务器以其卓越的性能和广泛的基…

【学习笔记】灰色预测 GM(1,1) 模型 —— Matlab

文章目录 前言一、灰色预测模型灰色预测适用情况GM (1,1)模型 二、示例指数规律检验(原始数据级比检验)级比检验的定义GM(1,1) 模型的级比检验 模型求解求解微分方程 模型评价(检验模型对原始数据的拟合程度)残差检验级比偏差检验 三、代码实现----Matlab级比检验代码模型求解代…

jmeter中添加断言,使用包括匹配模式显示失败

1、在jmeter中为某个接口添加断言,测试模式中检查文本内容比较长时且模式匹配规则选择包括时则在运行时会提示失败,实际接口已经正确返回数据了。 2、这种情况下失败是因为测试模块中的检查文本内容过长,不应该在模式匹配规则中选择包括&…

“由于找不到msvcr110.dll无法继续执行”错误提示?msvcr110.dll在电脑中处于什么位置?

“由于找不到msvcr110.dll无法继续执行”的错误提示,是许多用户在使用基于Microsoft Visual C开发的应用程序时可能遇到的一个典型问题。这条错误消息指出系统缺少一个关键的动态链接库文件(DLL),即 msvcr110.dll,这是…

融资管理系统项目

系列文章目录 第一章 基础知识、数据类型学习 第二章 万年历项目 第三章 代码逻辑训练习题 第四章 方法、数组学习 第五章 图书管理系统项目 第六章 面向对象编程:封装、继承、多态学习 第七章 封装继承多态习题 第八章 常用类、包装类、异常处理机制学习 第九章 集…

SpringBoot框架如何实现上传与下载查看文件

基于SpringBoot框架,如何实现文件的上传与下载查看 提要 本项目借鉴于spring-guides/gs-uploading-files: Uploading Files :: Learn how to build a Spring application that accepts multi-part file uploads. (github.com)SpringBoot官网学习文档关于如何下载文…

Git基础学习(一)

文章目录 一. Git1. 定义2. SVN与Git的的区别 一. Git 1. 定义 Git 是一种分布式版本控制系统,用于管理软件项目的源代码。它是由 Linux 之父 Linus Torvalds 开发的,并已经成为了现代软件开发领域中最流行的版本控制系统之一。 使用 Git 可以追踪代码…

旅游管理系统

TOC springboot0748旅游管理系统 第1章 绪论 1.1课题背景 计算机的普及和互联网时代的到来使信息的发布和传播更加方便快捷。用户可以通过计算机上的浏览器访问多个应用系统,从中获取一些可以满足用户需求的管理系统。网站系统有时更像是一个大型“展示平台”&a…

基于SpringBoot的家电销售展示平台--论文pf

TOC springboot514基于SpringBoot的家电销售展示平台--论文pf 第1章 绪论 1.1选题动因 当前的网络技术,软件技术等都具备成熟的理论基础,市场上也出现各种技术开发的软件,这些软件都被用于各个领域,包括生活和工作的领域。随着…

HTML+JS谁是卧底游戏

先说一句:一段时间没发文章,好多僵尸粉关注我,这CSDN😠 主要功能 玩家设置:在游戏开始前,输入总人数、卧底人数和白板人数。系统会自动计算出剩下的平民人数,并随机分配身份。 身份查看&#…

html+css+js实现登录界面设计

在现代网页设计中,创建一个功能齐全且用户友好的登录页面是至关重要的。本文将介绍如何使用 HTML 和 CSS 创建一个简单而有效的登录页面,包括验证码、记住密码选项及忘记密码链接。 1. HTML 结构 我们将从 HTML 代码开始,构建一个包含登录表…

【Google SEO】搜索引擎索引综合SEO指南

有没有想过网站是如何在搜索引擎上列出的,以及 Google、Bing 和其他公司如何在几秒钟内为我们提供大量信息? 这种闪电般快速性能的秘诀在于搜索索引。它可以与所有页面的庞大且完美有序的目录档案进行比较。进入索引意味着搜索引擎已经看到了你的页面&a…

机器学习——lightGBM(学习整理)

目录 一、认识lightGBM 1. 简单介绍 2. 主要特点 LightGBM 的缺点 3. 模型训练方式 (1)Training API (2)Scikit-learn API 二、相关函数参数 1. Training API 2. Scikit-learn API(重复只做补充)…

python requests 被屏蔽(已设置header和代理IP,解决浏览器指纹问题)

情况说明: 已设置 User-Agent已使用代理IP之前请求没问题,突然无法请求了。我用浏览器打开网站可以正常访问。 我遇到的原因: 目标网站/接口,能够通过JA3或者其他浏览器指纹信息,识别到你不是通过浏览器进行访问的。…

【解决】JS Uncaught RangeError: Invalid array length

【解决】JS Uncaught RangeError: Invalid array length 在JavaScript编程中,Uncaught RangeError: Invalid array length 是一个相对常见的错误,通常发生在处理数组时提供了无效的长度值。这个错误可能由多种原因引起,本文将深入探讨此错误的…

LCP167 两数之和II--输入有序数组[leetcode-5]

LCP167 两数之和II–输入有序数组 给你一个下标从 1 开始的整数数组 numbers &#xff0c;该数组已按 非递减顺序排列 &#xff0c;请你从数组中找出满足相加之和等于目标数 target 的两个数。如果设这两个数分别是 numbers[index1] 和 numbers[index2] &#xff0c;则 1 <…

Redis(day 2)

一、常用指令 哈希Hash kv模式不变&#xff0c;但v是一个键值对 &#xff08;1&#xff09;hset、hget命令用于为哈希表中的字段赋值 。 &#xff08;2&#xff09;hmset、hmget 同时将多个field-value对设置到哈希表中。会覆盖哈希表中已存在的字段。 &#xff08;3&…

AI在医学领域:通过声纹特征来预测血糖水平

糖尿病代谢紊乱&#xff08;DM&#xff09;是一种以血糖水平异常为特征的代谢性疾病&#xff0c;其表现为高血糖&#xff08;≥230 mg/dL&#xff09;或低血糖&#xff08;<65 mg/dL&#xff09;。该病导致胰岛素产生或作用受损&#xff0c;胰岛素作为调节葡萄糖稳态的关键激…