React基础知识学习

已于 2022-04-23 16:31:35 修改
阅读量719 收藏
点赞数
分类专栏： react 文章标签： react
于 2022-04-23 16:15:09 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/aguai229/article/details/124364492
版权

目录

state的使用——变量的渲染和修改

props属性传递

state的使用——变量的渲染和修改

在组件里通过{}在jsx中进行渲染变量

如果数据需要修改并响应出来，则需要将变量放在state里面，同时使用setState修改变量

setState是异步的，同一个生命周期会批量操作更新state

首先初始化变量

state={
    count: 0
}

直接使用state声明变量和在constructor中使用this.state的方式是一样的

然后就是修改变量需要在setState中，下面是写在了一个周期函数中的，并且使用了回调函数打印了count的值，可以看到该方法确实是异步的，但是为什么异步？原谅我不知道，等我学会了再慢慢知其然知其所以然吧

运行效果如下

 所以，有没有大神给我说说为什么setState是异步的呢？为什么

props属性传递

父组件向子组件传递的时候通过props接收

方式有3种，分别是class组件使用、function组件使用、解构赋值

首先在父组件中import子组件

import PropsDemo from './PropsDemo'

然后在父组件中写入传递参数

然后子组件通过props.title即可获得参数，下面是三种写法

啊妈妈我学会了！！！

一口八宝周
关注
专栏目录
REACT：学习REACT基础知识
02-17
React是Facebook推出的一款用于构建用户界面的...以上是React基础知识的概览，学习React还需要通过实践来加深理解，不断探索其与其他库和技术的结合，如Redux、Webpack、Babel等，以构建更高效、可维护的Web应用。
react 基础学习
01-15
通过本文，我们了解了 React 基础学习的相关知识点，包括 React 的简介、特点、基础知识等。同时，我们还学习了 Koa 框架和 Koa Router 的基本概念。通过实践项目，我们可以将 React 和 Koa 框架结合使用，构建一个...
react-学习学习学习
02-07
一、React基础知识 1. JSX语法：React引入了JSX，这是一种类似于HTML的JavaScript语法扩展，允许在JavaScript中直接写HTML。JSX可以方便地创建React元素，使代码更易读。 2. 组件：React的核心就是组件。组件是自...
React基础知识.md
08-07
react一些基础知识，特别好用啊，在这次学习中，深刻感受到react的好用，感觉受益匪浅，大家喜欢的可以下载看看，对于基础知识有一定的帮助
react基础学习-总结
08-20
在尚硅谷学习平台看视频 学习到的react全局桶知识，整理出来的大纲知识导向，适合复习巩固使用
weixin151云匹面粉直供微信小程序+springboot后端毕业源码案例设计.zip
最新发布
11-08
weixin151云匹面粉直供微信小程序+springboot后端毕业源码案例设计 1、资源项目源码均已通过严格测试验证，保证能够正常运行； 2、项目问题、技术讨论，可以给博主私信或留言，博主看到后会第一时间与您进行沟通； 3、本项目比较适合计算机领域相关的毕业设计课题、课程作业等使用，尤其对于人工智能、计算机科学与技术等相关专业，更为适合； 4、下载使用后，可先查看README.md或论文文件（如有），本项目仅用作交流学习参考，请切勿用于商业用途。 5、资源来自互联网采集，如有侵权，私聊博主删除。 6、可私信博主看论文后选择购买源代码。 1、资源项目源码均已通过严格测试验证，保证能够正常运行； 2、项目问题、技术讨论，可以给博主私信或留言，博主看到后会第一时间与您进行沟通； 3、本项目比较适合计算机领域相关的毕业设计课题、课程作业等使用，尤其对于人工智能、计算机科学与技术等相关专业，更为适合； 4、下载使用后，可先查看README.md或论文文件（如有），本项目仅用作交流学习参考，请切勿用于商业用途。 5、资源来自互联网采集，如有侵权，私聊博主删除。 6、可私信博主看论文后选择购买源代码。 1、资源项目源码均已通过严格测试验证，保证能够正常运行； 2、项目问题、技术讨论，可以给博主私信或留言，博主看到后会第一时间与您进行沟通； 3、本项目比较适合计算机领域相关的毕业设计课题、课程作业等使用，尤其对于人工智能、计算机科学与技术等相关专业，更为适合； 4、下载使用后，可先查看README.md或论文文件（如有），本项目仅用作交流学习参考，请切勿用于商业用途。 5、资源来自互联网采集，如有侵权，私聊博主删除。 6、可私信博主看论文后选择购买源代码。
1_基于CEEMDAN-EDO的行波波头标定算法研究_李英春.pdf
11-08
1_基于CEEMDAN-EDO的行波波头标定算法研究_李英春.pdf
驾校收支管理可视化平台 SSM毕业设计 附带论文.zip
11-08
驾校收支管理可视化平台 SSM毕业设计 附带论文 启动教程:https://www.bilibili.com/video/BV1GK1iYyE2B
基于中心环绕Retinex算法的6MV X射线EPID图像增强
11-08
内容概要：本文研究了基于中心环绕Retinex算法的EPID图像增强方法，重点探讨了单尺度Retinex（SSR）和多尺度Retinex（MSR）算法的实现，并利用直方图均衡化进一步提升图像质量和细节。文中通过对原始图像、经过直方图均衡化和灰度扩展处理的图像、以及不同尺度Retinex算法增强图像的效果进行了对比实验，并采用了灰度方差和信息熵作为图像增强效果的评价标准。结果表明，基于中心环绕Retinex算法结合直方图均衡化的EPID图像增强方法取得了显著的改善，尤其是在提高图像对比度和信息量方面表现优异。 适用人群：医学影像领域的研究人员和技术人员，尤其是从事电子射野影像系统（EPID）图像处理的研究人员。 使用场景及目标：适用于6MV X射线的EPID图像处理和增强，旨在提高图像的对比度和细节信息量，优化肿瘤放射治疗的图像引导效果。 其他说明：本文提出了基于Retinex算法的改进方法，并结合直方图均衡化提升了图像的视觉效果。进一步的研究将涉及不同尺度Retinex处理结果的数学推导，以及对图像亮度突变处光晕现象的分析和消除。未来还将探讨KV级X射线图像增强的应用。
2011-2022年中国光伏电站遥感识别面矢量数据-最新出炉.zip
11-08
2011-2022年中国光伏电站遥感识别面矢量数据-最新出炉.zip
2023年OpenAI多模态升级推动AIGC产业发展报告
11-08
内容概要：本文介绍了OpenAI近期推出的多模态模型DALL·E 3和GPT-4V的技术升级情况。这些升级在语音识别、图像处理、Prompt简化等方面提升了用户体验，同时也增强了模型的安全性和合规性。报告还讨论了全球多模态市场竞争格局，特别是OpenAI与其他国际科技巨头的竞争。在应用层面，多模态模型的推广带动了AIGC行业的迅速发展，包括内容生成、交互方式和商业模式的变化。据估计，2030年中国AIGC产业规模将达到1.14万亿元。此外，报告还探讨了AIGC技术在游戏、视频、影视、音乐等领域的具体应用和发展前景。 适合人群：对AIGC技术、人工智能、多模态模型及其应用感兴趣的科研人员、投资人、行业分析师及从业人员。 使用场景及目标：①了解多模态技术的最新进展；②洞察AIGC行业的市场趋势和商业机会；③评估AIGC技术在各个应用领域的实际效果。 其他说明：报告提供了丰富的图表和数据支持，详细分析了技术实现路径和商业应用场景，对于技术和市场的双重认知都有很好的参考价值。
大学生心理健康服务+ssm
11-08
需要软件：eclipse/idea,maven环境，jdk1.8，mysql数据库 小程序采用uniapp技术开发，java作为后台代码，技术用到springmvc, 所有程序保证可以运行，项目功能参考文章，如遇到运行不了请联系作者获取源码，源码制作不易， 希望多多支持给予好评。 二、项目技术 开发语言：Java 数据库：MySQL 项目管理工具：Maven 前端技术：JSP+HTML 后端技术：SSM（Spring+SpringMVC+MyBatis） 前端框架：uniapp 三、运行环境 操作系统：Windows、macOS都可以 JDK版本：JDK1.8以上都可以 开发工具：IDEA、Ecplise都可以 数据库: MySQL5.7/8.0版本均可 小程序运行软件：微信开发者工具 Web应用服务器：7.x、8.x、9.x版本均可
oracle 数据库相关搭建学习使用配置RAC文档
11-08
oracle 数据库相关搭建学习使用配置RAC文档
anscombe_3.csv
11-08
anscombe_3
weixin295微信小程序选课系统+ssm后端毕业源码案例设计.zip
11-08
weixin295微信小程序选课系统+ssm后端毕业源码案例设计 1、资源项目源码均已通过严格测试验证，保证能够正常运行； 2、项目问题、技术讨论，可以给博主私信或留言，博主看到后会第一时间与您进行沟通； 3、本项目比较适合计算机领域相关的毕业设计课题、课程作业等使用，尤其对于人工智能、计算机科学与技术等相关专业，更为适合； 4、下载使用后，可先查看README.md或论文文件（如有），本项目仅用作交流学习参考，请切勿用于商业用途。 5、资源来自互联网采集，如有侵权，私聊博主删除。 6、可私信博主看论文后选择购买源代码。 1、资源项目源码均已通过严格测试验证，保证能够正常运行； 2、项目问题、技术讨论，可以给博主私信或留言，博主看到后会第一时间与您进行沟通； 3、本项目比较适合计算机领域相关的毕业设计课题、课程作业等使用，尤其对于人工智能、计算机科学与技术等相关专业，更为适合； 4、下载使用后，可先查看README.md或论文文件（如有），本项目仅用作交流学习参考，请切勿用于商业用途。 5、资源来自互联网采集，如有侵权，私聊博主删除。 6、可私信博主看论文后选择购买源代码。 1、资源项目源码均已通过严格测试验证，保证能够正常运行； 2、项目问题、技术讨论，可以给博主私信或留言，博主看到后会第一时间与您进行沟通； 3、本项目比较适合计算机领域相关的毕业设计课题、课程作业等使用，尤其对于人工智能、计算机科学与技术等相关专业，更为适合； 4、下载使用后，可先查看README.md或论文文件（如有），本项目仅用作交流学习参考，请切勿用于商业用途。 5、资源来自互联网采集，如有侵权，私聊博主删除。 6、可私信博主看论文后选择购买源代码。
springboot数字化时代下高校程序设计类课程综合实践平台（附源码+数据库）41020
11-08
（1）系统用户管理：管理员可以对系统中所有的用户角色进行管控，包含了管理员、学生以这两种角色，如果需要添加新的用户，点击页面中的“添加”按钮根据提示输入上用户信息，点击“提交”以后在对应的用户界面就可以查看到了，可以点击用户后面的“删除”按钮直接删除某一用户。 （2）系统管理：进入后台首页工具栏点击“系统管理”这个按钮可以查看所有轮播图信息，可以进行详情查看、删除、查看评论等操作。 （3）资源管理：进入后台首页工具栏点击“资源管理”这个按钮可以查看所有新闻资讯、资讯分类等信息，可以进行详情查看、删除、查看评论等操作。 （4）公告通知管理：进入后台首页工具栏点击“公告通知管理”这个按钮可以查看所有公告通知等信息，可以进行详情查看、删除、查看评论等操作。 （5）邀请课程管理：进入后台首页工具栏点击“邀请课程管理”这个按钮可以查看所有邀请课程信息，可以进行详情查看、删除、删除等操作。 （6）考试管理：进入后台首页工具栏点击“考试管理”这个按钮可以查看所有科目列表、试题库、错题记录、试卷列表等信息，可以进行详情查看、删除、等操作。
【路径规划】基于matlab动物迁徙算法栅格地图机器人最短路径规划【Matlab仿真 2852期】.md
11-08
CSDN Matlab武动乾坤上传的资料均有对应的代码，代码均可运行，亲测可用，适合小白； 1、代码压缩包内容 主函数：main.m； 调用函数：其他m文件；无需运行 运行结果效果图； 2、代码运行版本 Matlab 2019b；若运行有误，根据提示修改；若不会，私信博主； 3、运行操作步骤 步骤一：将所有文件放到Matlab的当前文件夹中； 步骤二：双击打开main.m文件； 步骤三：点击运行，等程序运行完得到结果； 4、仿真咨询 如需其他服务，可私信博主或扫描博客文章底部QQ名片； 4.1 博客或资源的完整代码提供 4.2 期刊或参考文献复现 4.3 Matlab程序定制 4.4 科研合作
GitHub协作最佳实践与案例分析.docx
11-08
GitHub协作最佳实践与案例分析.docx
完美登录界面设计，附加登录下拉效果.zip
11-08
内容概要：本资源聚焦 Android 编程实战，包含毕业设计示例、完整的 Android 项目源码及文档分享。采用 MVC 模式进行架构设计，结合 JSP 技术与 SQL Server 2000 数据库管理系统，实现高效的 Android 应用开发。 适用人群：Android 开发初学者、计算机专业学生进行毕业设计参考、希望提升 Android 开发技能的程序员。 实用场景及目标：适用于开发各类 Android 应用项目，帮助开发者快速构建稳定、功能丰富的应用程序，同时为毕业设计提供优质的模板和思路。 说明：资源提供了详细的代码注释和文档说明，方便学习者理解和上手，助力提升 Android 开发能力和项目实战经验。
React学习必备：JavaScript基础知识概览
"学习React之前你需要知道的JavaScript基础知识" 在深入学习React之前，掌握JavaScript的基础至关重要，特别是ES6的新特性。这是因为React的很多语法和设计理念都建立在JavaScript的基础上。以下是一些关键的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值