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

相关推荐
五点六六六1 分钟前
你敢信这是非Native页面写出来的渐变效果吗🌝(底层原理解析
前端·javascript·面试
tedcloud12313 分钟前
TradingAgents部署教程:打造AI量化分析工作流
服务器·前端·人工智能·系统架构·edge
小村儿1 小时前
连载10-Sub-agents 深度解析:从源码理解 Claude Code 的分身术
前端·后端·ai编程
OSwich2 小时前
【 Godot 4 学习笔记】命名规范
笔记·学习·godot
IT_陈寒2 小时前
Vite动态导入把我坑惨了,原来要这样用才对
前端·人工智能·后端
DFT计算杂谈2 小时前
KPROJ编译教程
java·前端·python·算法·conda
觅_2 小时前
前端学习后端的时候 选择一个技术
前端·学习
独泪了无痕2 小时前
CryptoJS:数据安全的JavaScript加密利器
前端·vue.js·node.js
吃吃今天努力学习了吗2 小时前
【大模型入门学习笔记】常见概念总结
笔记·学习
发现一只大呆瓜2 小时前
一文搞懂 Vite 处理CommonJS包、按需编译逻辑及 Rollup 插件兼容规则
前端