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改成什么。

相关推荐
JeffongTan6 小时前
在LWC中镶嵌VF Page获取用户IP
前端·javascript·salesforce
点心的游戏开发世界6 小时前
GDScript 入门笔记(十一):Lambda 与匿名函数
开发语言·笔记·游戏引擎·godot
摇滚侠6 小时前
《SpringBoot 3:入门与应用实战》第 12 章 JDBC 与事务 使用 JdbcTemplate 阅读笔记 32
spring boot·笔记·后端
陆枫Larry8 小时前
Astro 是什么
前端
鱼子星_8 小时前
【C++】继承和多态(上)
c++·笔记
xian_wwq9 小时前
【学习笔记】深度认知系列-第14讲 端侧AI崛起——为什么AI正在从云端走向本地
人工智能·笔记·学习
是立不是利9 小时前
写给设计师的 CSS 博客美学指南
前端·css
默_笙10 小时前
🏝 Docker 就是"房地产开发":从施工图纸到小区物业的容器化指南
前端·javascript
计算机魔术师10 小时前
Rohan Paul 谈用时间跨度衡量智能体能力,并引用 OpenAI 自动化研究实习生里程碑
前端
kyriewen10 小时前
我手写了个极简版 React Router——才搞懂 v6 为什么砍了这么多 API
前端·javascript·程序员