React笔记张天禹

1创建虚拟dom

2渲染虚拟dom到页面

reactdom.render(虚拟dom,渲染到哪个容器)

//脚手架,开发者工具

jsx:主要用于创建虚拟dom。js创建虚拟dom的嵌套标签很繁琐。

语法糖:更加简单便捷的一种书写方式。

debugger

js语法:

虚拟dom标签获取js表达式时用{}

在jsx用css使用className

css内联样式:{{}}

标签第一个字母大写就是自己封装的组件

js语句和js表达式

组件:

函数式组件:

写function

类式组件:

组件三大属性:

context:

props:创建组件时候的构造函数要用

refs

state:状态,可以存东西。不可直接更改,用setState更改

事件绑定:

onClick={this.demo}

拿着原型上的生成一个新的挂在实例自身上,bind方法里面传什么就把调用bind的函数方法的this改成什么。

相关推荐
半个落月11 分钟前
React 组件通信进阶:useContext 与自定义 Hook 实战详解
前端·react.js
用户9210802628619 分钟前
ChatComposer 输入区改造:基于技能市场实现 Agent 输入框
前端
用户459892045651621 分钟前
一套 KMP 多仓库版本治理工作流:用 Version Catalog + CI 把发版流水线自动化
前端·kotlin
小赵同学WoW22 分钟前
1-4 TypeScript 中的 `number`、`bigint` 与 `string`
前端
小赵同学WoW27 分钟前
1-3 `boolean` 与字面量类型
前端
光影少年30 分钟前
react navite 长列表优化:FlatList / SectionList 原理与优化属性
前端·react native·react.js
cindershade30 分钟前
鼠标 3D 倾斜卡片
前端
wordbaby30 分钟前
从双端内卷到一库多端:基于 pnpm + Taro 4 + RNOH 鸿蒙的 Monorepo 跨端架构实战
前端·微信小程序·app
子兮曰39 分钟前
DeepSeek Harness 架构深潜:一个把 Agent 运行时做成纯插件树的开源 Harness
前端·后端·deepseek
Fa_Mian_Tuan1 小时前
图论基础|邻接矩阵超详细讲解(含无向/有向/带权图+完整可运行C语言代码)
c语言·数据结构·笔记·算法·图论