react 2

news/2024/7/15 18:43:19 标签: react.js, javascript, 前端

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评论案例–排序

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

在这里插入图片描述

9.classnames优化类名控制

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

在这里插入图片描述

10.受控表单绑定

在这里插入图片描述

11.react中获取DOM

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


http://www.niftyadmin.cn/n/5281346.html

相关文章

react 18 Hooks扩展函数式组件的状态管理

React函数式组件 特点 React函数式组件具有以下特点: 简洁:使用函数的方式定义组件,语法简单直观。无状态:函数式组件没有内部状态(state),只依赖于传入的props。可复用:函数式组…

.raw 是一个 Anndata 包中的对象,用于存储原始的单细胞数据。scanpy种如何查看 .raw 对象的内容,

1查看 .raw 对象的内容,可以使用以下方法: .raw 是一个 Anndata 包中的对象,用于存储原始的单细胞数据。 使用 .X 属性查看原始数据矩阵:.raw.X 这将返回一个 Numpy 数组,其中包含原始数据的数值。 使用 .var_names 属…

Vue——computed(计算属性和侦听器)

模板内的表达式非常便利,但是设计它们的初衷是用于简单运算的。在模板中放入太多的逻辑会让模板过重且难以维护,对于任何包含响应式数据的复杂逻辑,你都应该使用计算属性。 计算属性与methods区别: computed是带缓存的&#xff0…

HrSegNet 23年裂缝检测新文章基于PaddelPaddle和Paddleseg的复现

本文章是对2023年发表在Automation in Construction上论文 Real-time High-Resolution Neural Network with Semantic Guidance for Crack Segmentation 的复现。 我参考了作者上传至github的代码,并得到了作者的帮助。https://github.com/CHDyshli/HrSegNet4Cra…

安装gnvm,nodejs,npm使用方法

安装gnvm,nodejs,npm使用方法 一、安装gnvm gnvm.exe下载地址: https://download.csdn.net/download/hsg77/88651752 http://ksria.com/gnvm/#download 二、配置gnvm环境变量 新建目录,如:d:/nodejs 并把gnvm.exe存储到此目录 并把d:/node…

软件工程中关键的图-----知识点总结

目录 1.数据流图 2.变换型设计和事务型设计 3.程序流程图 4.NS图和PAD图: 5.UML图 1.用例图 2.类图 3.顺序图 4.协作图 本文为个人复习资料,包含个人复习思路,多引用,也想和大家分享一下,希望大家不要介意~ …

【JAVA面试题】什么是代码单元?什么是码点?

🍎个人博客:个人主页 🏆个人专栏: JAVA ⛳️ 功不唐捐,玉汝于成 目录 目录 前言 思路 代码单元(Code Unit): 码点(Code Point): 作…

ChatGPT真的不火了吗?

不是不火,而是不常用,所以才会产生这种错觉。。。 升级一个GPT4.0就可以体验GPT带来的震撼 实际上GPT在以肉眼可见的速度在增长 11月时ChatGPT服务崩的那几次,看一看大家用不上有多么着急就明白了~ 另外现在很方便普及了,国产…