react 2

1.快速搭建开发环境

在这里插入图片描述

2.react渲染流程

在这里插入图片描述

在这里插入图片描述

3.1 jsx基础 概念

在这里插入图片描述

3.2 jsx基础 本质

在这里插入图片描述

3.3 jsx基础 jsx表达式

![在这里插入图片描述](https://img-blog.csdnimg.cn/direct/e75894d47c014d8aaf44a49fda51cec6.png
!](https://img-blog.csdnimg.cn/direct/fa74d6a1dd3b45feaf5d2509cef01006.png)

3.4 jsx基础 实现列表渲染

在这里插入图片描述
在这里插入图片描述

3.5 jsx基础 实现条件渲染

在这里插入图片描述

3.5 jsx基础 实现复杂的条件渲染

在这里插入图片描述

4. react中事件绑定

在这里插入图片描述
在这里插入图片描述

5.react组建基础使用

在这里插入图片描述

6.1 useState

在这里插入图片描述
在这里插入图片描述

6.2 useState修改状态的规则

在这里插入图片描述
在这里插入图片描述

7.基础样式控制

在这里插入图片描述

8.1评论案例–删除列表

在这里插入图片描述
在这里插入图片描述

8.2评论案例–tab切换

在这里插入图片描述
在这里插入图片描述

8.2评论案例–排序

$ npm i --save lodash //安装lodash
import _ from 'loadsh';//引入loadsh

在这里插入图片描述

9.classnames优化类名控制

npm install classnames //安装classnames
import classNames from 'classnames';//引入classnames

在这里插入图片描述

10.受控表单绑定

在这里插入图片描述

11.react中获取DOM

在这里插入图片描述
在这里插入图片描述

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

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

相关文章

力扣日记12.23-【二叉树篇】501. 二叉搜索树中的众数

力扣日记:【二叉树篇】501. 二叉搜索树中的众数 日期:2023.12.23 参考:代码随想录、力扣 501. 二叉搜索树中的众数 题目描述 难度:简单 给你一个含重复值的二叉搜索树(BST)的根节点 root ,找出…

Microsoft edge浏览器对比谷歌浏览器 edge浏览器好用吗 edge浏览器怎么更换主页

近年来,由于谷歌浏览器的垄断,许多人都已经习惯于使用谷歌浏览器。随着互联网的普及,浏览器成为了人们上网必备的工具之一。而近年来,微软公司推出的 Microsoft Edge 浏览器备受关注。那么,Microsoft Edge 浏览器真的好…

idea运行tocmat报错

1.检查环境变量是否配置正确。 网上有许多配置tomcat环境变量的方法,这里不再赘述。 2.判断是否有该情况: 在tomcat的bin目录下有三个bat文件(startup.bat,shutdown.bat,catalina.bat),随意双击一个,会报出上述错误。但是右键使…

基于SpringBoot的APK检测管理系统 JAVA简易版

目录 一、摘要1.1 项目介绍1.2 项目录屏 二、功能模块2.1 数据中心模块2.2 开放平台模块2.3 软件档案模块2.4 软件检测模块2.5 软件举报模块 三、系统设计3.1 用例设计3.2 数据库设计3.2.1 开放平台表3.2.2 软件档案表3.2.3 软件检测表3.2.4 软件举报表 四、系统展示五、核心代…

Vanilla Pro for Mac 一款隐藏菜单栏图标工具

Vanilla Pro Vanilla Pro是一款简单易于使用的Mac应用程序,可让您隐藏菜单栏图标。只需下载Vanilla,启动应用程序,然后按照提示即可开始。 资源获取 Vanilla Pro for Mac 功能特性 键盘快捷键:设置自定义键盘快捷键来切换菜单…

关于pygame无法打开对应文件解决办法 pyame.error unable to open file

问题描述: 问题原因: 由于pygame版本过低导致无法进行声音播放,升级对应版本即可完成! 解决办法: 升级pygame包版本到2.1.2,即可解决该问题! pip install --upgrade pygame2.1.2

python3 数据分析项目案例,用python做数据分析案例

本篇文章给大家谈谈python3 数据分析项目案例,以及用python做数据分析案例,希望对各位有所帮助,不要忘了收藏本站喔。 目录 一丶可视化绘图案例 1.曲线图 2.柱形图 3.点线图 4.3D散点图 5. 绘制漏斗图 6. 绘制词云图 二丶包/模块使用示例 (1)…

史上最详细由浅入深解析ThreadLocal

由浅入深全面解析ThreadLocal TOC 简介 线程并发:在多线程并发的场景下使用 传递数据:我们可以通过ThreadLocal在同一线程,不同组件中传递公共变量 线程隔离:每个线程的变量都是独立的,不会相互影响 基本使用 常用方…

2023美团机器人研究院学术年会成功举办

2023年12月19日,深圳市美团机器人研究院学术年会在清华大学深圳国际研究生院成功落下帷幕。会议回顾了研究院成立一年来的进展和成果,并邀请了各界专家共同讨论机器人技术的未来发展趋势。此外,年会期间还举办了首届低空经济智能飞行管理挑战…

Ignite内存配置

配置内存 #1.内存架构 #1.1.概述 Ignite内存架构通过可以同时在内存和磁盘上存储和处理数据及索引,得到了支持磁盘持久化的内存级性能。 多层存储的运行方式类似于操作系统(例如Linux)的虚拟内存。但是这两种类型架构之间的主要区别是&…

Spring核心源码解析

Spring 框架核心源码 1、使用 Spring 框架 2、反射机制 IoC 控制反转 Inverse of Control 创建对象的权限&#xff0c;Java 程序中需要用到的对象不再由程序员自己创建&#xff0c;而是交给 IoC 容器来创建。 IoC 核心思想 1、pom.xml <dependencies><!-- 引入 …

lv12 根文件系统12

目录 1 根文件系统 2 BusyBox 3 实验九 3.1 在 busybox 官网下载 busybox 源码&#xff08;这里我们下载 busybox-1.22.1.tar.bz2&#xff09; 3.2 拷贝 busybox 源码包到 ubuntu 的家目录下&#xff0c;解压并进入其顶层目录 3.3 进入 busybox 配置界面&#xff08;…